Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

Category menu items not lined out but tending towards the right


  #1  
Old Jan 21, 2013, 02:13 PM
EasyHiker
 
55 posts · Jul 2010
Using Atahualpa 3.7.9 WP 3.5

I changed font size for H1 and H2 tags successfully, but when I looked back at the site, the category menu items have bunched on the right. Initially, they were properly lined up along the bar. Cat-center option makes it worse. Where should I correct this, please.

I attach a screen shot of what I mean.

Advance thanks for any advice.

Last edited by EasyHiker; Jan 22, 2013 at 12:57 AM.
  #2  
Old Jan 21, 2013, 03:04 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Hard to tell without a link to the site. Perhaps there are too many many items and they are wrapping.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Jan 21, 2013, 03:08 PM
EasyHiker
 
55 posts · Jul 2010
Oh sorry. Site URL is http://easyhiker.co.uk
  #4  
Old Jan 21, 2013, 03:10 PM
EasyHiker
 
55 posts · Jul 2010
Also, the problem manifests itself differently in Firefox.
  #5  
Old Jan 21, 2013, 03:48 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
1) the same font size in diffferent browsers is a differend size - ie arial 10px shown in safari is 'x' inches high, but in firefox it is 'y' inches high
2) when the amount of space the menu takes up exceeds the with of the content area, it wraps to the next line (like all text)

so when the menu wraps you have a couple choices
- make the font smaller
- shorten the menu item names
- remove some of the menu items
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Jan 21, 2013, 03:59 PM
EasyHiker
 
55 posts · Jul 2010
Thanks for the input, Juggledad. Tried making font as small as can be to still be readable but problem persists. 2/3 of the menu items are bunched on the right and the rest are pushed down below to the left side.

The only way I could correct it and get it back as it used to be is to remove the html/css insert that I added that caused the problem in the first place. i.e. changing font size of the H1 and H2 tags, which I still want to do.
  #7  
Old Jan 21, 2013, 04:08 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what broswer are you seeing the issue in. In Safari and firefox on teh mac they are spread across the page as you would expect. I'll bet it's IE - if so what version?

and what is the CSS you added?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #8  
Old Jan 21, 2013, 04:25 PM
EasyHiker
 
55 posts · Jul 2010
I'm on Chrome and Firefox on a Mac.
  #9  
Old Jan 21, 2013, 04:26 PM
EasyHiker
 
55 posts · Jul 2010
These are the css inserts I put in right below td#header {
padding-bottom: 10px;
}
  #10  
Old Jan 21, 2013, 04:27 PM
EasyHiker
 
55 posts · Jul 2010
h1 { font-size: 34px; line-height: 1.2; margin: 0.3em 0 10px; }
h2 { font-size: 28px; line-height: 1.3; margin: 1em 0 .2em; }
  #11  
Old Jan 21, 2013, 04:33 PM
EasyHiker
 
55 posts · Jul 2010
The distribution looks normal on the home page, but if you click on a page or a post, the problem is evident.
  #12  
Old Jan 21, 2013, 04:37 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
that's odd since I'm using a mac and the menus are streached across the screen as I would expect in safari, firefox and chrome.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #13  
Old Jan 22, 2013, 01:03 AM
EasyHiker
 
55 posts · Jul 2010
Juggledad, have you tried looking in an individual post page? This is what I have on chrome on a mac. You can see the cat. menu items more towards the right pushing the rest down on the bottom left. I want all these items lined up on the bar and still be able to put the html/css inserts to change font size of H1 and H2 tags. I do get them lined up properly if I take the html/css inserts.

Last edited by EasyHiker; Feb 26, 2014 at 02:21 PM.
  #14  
Old Jan 22, 2013, 04:20 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
here is what I see in chrome (v 20.0.1312.52) in OSX 10.7.5

have you looked at it on another computer?
Attached Thumbnails
Click image for larger version

Name:	easy.jpg
Views:	1099
Size:	26.3 KB
ID:	2182  
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #15  
Old Jan 22, 2013, 06:26 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
It does wrap for me but if I set the font to 12px it displays OK.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #16  
Old Jan 22, 2013, 02:38 PM
EasyHiker
 
55 posts · Jul 2010
Thanks Juggledad, that's what i see if i'm on the HOME page too. but once i click on an individual post, the result is still as my screenshot.

Thanks, lmilesw. Tried to put it at 12px but problem persist in posts, not on Home page.
  #17  
Old Jan 22, 2013, 04:05 PM
EasyHiker
 
55 posts · Jul 2010
Seems to be OK in a PC and on Firefox now, but still not on my chrome on my Mac. So, it must have to do with my computer
  #18  
Old Jan 22, 2013, 06:00 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
that image was from a post page, the 'Themed Paris Urban Walk – The Artists of Montmartre' post.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Static first page not lined up with all of the post pages Vanessa_S Atahualpa 3 Wordpress theme 9 Dec 22, 2012 10:38 AM
[SOLVED] How setting page and category menu items for be opened in a new windows? bigliettaio Page & Category Menu Bars 6 Nov 24, 2010 09:36 PM
[SOLVED] Background color:hover not working for 'category' items in menu 1 (page menu akg Center area post/pages 4 Sep 27, 2010 08:08 AM
Background Image for Category Menu Items joan Page & Category Menu Bars 3 Apr 19, 2010 03:30 AM
[SOLVED] How Do You Add Extra Space Between Category or Page Menu Items? rhythm Page & Category Menu Bars 4 Mar 15, 2010 02:08 PM


All times are GMT -6. The time now is 03:13 AM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.