Auto Nav in Header not long enough for all pages
Permalink
Hi all.
As I'm sure you're all sick of hearing....I'm new at this.
I have been creating a site on c5 (bluesearesorts.net) and in making new pages I have noticed that instead of the Auto Nav shifting to the left to make room for new additions (golfproperty, services, about etc) and fit them on the page properly, it instead just tacks them on the end so that the page ends up about twenty miles long and you have to scroll to the right to see them all.
so basically I'd like to know if I can edit the header nav blocks to make them wider (i'm using Whitespace theme, the header nav blocks only start from about halfway across the page) and fit all the pages on one line.
If need be/its easier i'll have them be on two lines directly underneath each other, but i'd prefer all in one line.
I have played about a little bit with the css using answers for similar problems i've seen on these forums, but ultimately I have fallen way short and now everything is back to how it was :D
thanks, Karl.
As I'm sure you're all sick of hearing....I'm new at this.
I have been creating a site on c5 (bluesearesorts.net) and in making new pages I have noticed that instead of the Auto Nav shifting to the left to make room for new additions (golfproperty, services, about etc) and fit them on the page properly, it instead just tacks them on the end so that the page ends up about twenty miles long and you have to scroll to the right to see them all.
so basically I'd like to know if I can edit the header nav blocks to make them wider (i'm using Whitespace theme, the header nav blocks only start from about halfway across the page) and fit all the pages on one line.
If need be/its easier i'll have them be on two lines directly underneath each other, but i'd prefer all in one line.
I have played about a little bit with the css using answers for similar problems i've seen on these forums, but ultimately I have fallen way short and now everything is back to how it was :D
thanks, Karl.
I don't see the autonav. Is there a specific page that shows the problem in action?
i've only been working on the front/home page, that's the one i'm trying to get it to work on. you probably didn't see it because it was way over to the right side, you'd have to scroll across to get to it.
right now it's back in the middle...but still ending way over to the right.
right now it's back in the middle...but still ending way over to the right.
How did you put your nav in?
You have extra styling that is not part of the theme.
Put page in edit mode, click on red box around the nav.
Choose autonav block, then click again and choose 'Custom template' then 'Header Menu'.
That should it out.
You have extra styling that is not part of the theme.
<div id="blockStyle74HeaderNav12" class=" ccm-block-styles" >
Put page in edit mode, click on red box around the nav.
Choose autonav block, then click again and choose 'Custom template' then 'Header Menu'.
That should it out.
i clicked add to header nav > add block > auto nav > add
thats it.
i have put in the header menu template but still no joy. it fits in "home" "fractional" "villas" "penthouses" just fine, but then "golf" is half cut off and the rest are way over to the right side.
thats it.
i have put in the header menu template but still no joy. it fits in "home" "fractional" "villas" "penthouses" just fine, but then "golf" is half cut off and the rest are way over to the right side.
You still have the extra div in there.
Try deleting the block and put in a fresh one.
Try deleting the block and put in a fresh one.
have done that twice, but did it again anyway. still the same.
i assure you i didn't do any extra styling to the block/theme as i have nowhere near enough knowledge to do that :D
i assure you i didn't do any extra styling to the block/theme as i have nowhere near enough knowledge to do that :D
Strange?
I just installed the theme on a local dev site and it works at it should.
Hang on, the div has gone.
So now there could be two things. To many/to long links.
Maybe need to change the CSS now.
I just installed the theme on a local dev site and it works at it should.
Hang on, the div has gone.
So now there could be two things. To many/to long links.
Maybe need to change the CSS now.
i did change the css a little, trying to get the header nav to have a start point further over to the left, but couldnt do it.
all i managed to achieve was have the page titles start further over the right hand side.
all i managed to achieve was have the page titles start further over the right hand side.
Try this:
In style sheet
In style sheet
#headerleft{width:200px} #headerright { width: 650px; height: 70px; float: right; text-align: left; margin: 0px; padding: 0px; }
sorry where do i find the style sheet?
click header nav block > design > all i have is fonts, background, border, spacing, css
i put it in css in case thats what you meant but no difference. must be missing it somewhere. thanks...
click header nav block > design > all i have is fonts, background, border, spacing, css
i put it in css in case thats what you meant but no difference. must be missing it somewhere. thanks...
You need to edit the /whitespace/style.css
If you can get to it?
If you can get to it?
Line 69 width: 465px, change to 200px (if your title allows)
Cut and paste my code #headerright from line 76 down to 83
Cut and paste my code #headerright from line 76 down to 83
ah, found it in the end! took me a few "searches" to figure i needed to go into cp and do it from there!
it is almost right now, presumably to make it start a little further across to the left i can edit the style css again to be (for example) 150 instead of 200?
thanks very much
it is almost right now, presumably to make it start a little further across to the left i can edit the style css again to be (for example) 150 instead of 200?
thanks very much
magnificent, all fits now. thanks so much for your help.
Good news
