Menu breaking into two lines
-
Hi,
I have just switched to Optimizer and while for the first hour my menu was fine, all of the sudden it broke into two lines. The size of the font I am using at the moment means only the home page button ends up in a different place, but that’s definitely not what I want. My blog is the following: http://oxfordbrookes.web.ucu.org.uk/
I think someone had a similar problem before, but it doesn’t seem to have been resolved: https://wordpress.org/support/topic/menu-issue-25?replies=32
Could you please advise?
Many thanks,
Claire
-
1. that worked, thanks.
2. It’s a bit better, but still not centered.
3. URGENT: Now for some reason, under the heading “About Us”, the sub-item “want to get involved” does not appear unless you put your cursor on it. What’s going on??
Apologies, (3) seemed to be a momentary glitch, it’s all fine again. So (2) is the only issue left to resolve.
1. Can you please try adding this to your Custom CSS:
#content .center { width: 70%;}
2. Try adding this too:
#topmenu ul li ul{margin-left:0!important;}
Not working rightly in my CSS.
I don’t understand, you just sent me the same message as above.
Also, I realized what the problem was with (3): once I’m on a page listed as a menu sub-item, the sub-item on the menu goes black. Is that part of the template set up? It’s very unusual!
Hi, I have another problem.
Is there a way to make the image of the logo I have updated for the header run the full width of the page? At the moment I have an inevitable rectangle of color around the logo image, which I want to get rid of (As you will see, I have set it to the same pink as the one in the image, but this means there are pink sides around the white section of the image).
Thanks.
I also need the logo to be centered!
@cvergerio
Try adding this to your Custom CSS:.logo { text-align: center;} #topmenu {text-align: center;}Regards
That centered the logo, thanks. But I still need the pink strip (which is part of the image) to cover the entire width of the page (as per my previous comment).
Sorted, thanks.
Hi again,
Is there a way to make the header smaller as a whole? At the moment the image takes up a significant amount on space, particularly on a wide screen.
Thanks.@cvergerio I though you said you wanted to make the header full width..
You can reduce the width by removing the css we provided before:
.header .center { width: 100%;} .logo img { width: 100%;}Thanks
No I meant making the image itself smaller, but I solved it by modifying the image at my end. Thanks for all your help with this–much appreciated!
Marking this as resolved – thanks again.
The topic ‘Menu breaking into two lines’ is closed to new replies.
