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://ww.wp.xz.cn/support/topic/menu-issue-25?replies=32
Could you please advise?
Many thanks,
Claire
-
Hi
Insert this in Appearance -> Customize -> Miscellaneous -> Custom CSS
.logo {width: 100%;}Thanks
Hi,
Just decrease the padding or another one use white-space:nowrap;Great! That worked. Thank you.
Another quick question: how do I make the tagline of the blog title bigger?
increase the font size.
Well yes, but I can’t see where I have access to the tagline font size in the customization options… Do I have to do it through custom CSS?
Hi
Insert this in Custom CSS
span.desc { font-size: 16px; }Thanks
Brilliant, thanks.
A couple more things, if I may (or do I have to create a different post, since these are different issues?):
– What custom CSS should I insert to avoid the menu being transparent? (as in, the sub-items in the menu)
– I would like the text to be displayed in a more narrow way, as if it was boxed within the page. At the moment, the width of the text is unsightly. How do I do that?1. Try adding this to your Custom CSS:
body .header #topmenu ul li ul {background: #000!important;} body .header #topmenu ul li ul li a { font-size: 14px;}2. Sorry are you talking about the whole site or the text inside the submenu? Can you please elaborate?
Thanks
1. that worked, thanks.
2. I mean the whole site. I would basically like the whole site to have bigger margins around the text (more white space on each side), without having margins on each side of the header and menu. Does that make more sense?
Hm, that doesn’t work, as it also add margins around the site title, menu, and logo. I just want margins around what’s below the header.
Also, I just noticed the drop-down menus are not aligned with the menu headings… Is there a way to fix that?
Try adding this to your Custom CSS:
#topmenu {text-align: left;}Regards
I’m afraid that doesn’t resolve the headings/drop down menu alignment problem. Also, I do want my menu to be centered, so aligning it left doesn’t really seem like a solution.
Just to recap the problems:
(1) I can’t figure out how to widen the margins on either side of the text (on the entire website) without affecting the header/menu/logo.
(2) I need the drop down menus to be aligned with the menu headings.
Thanks.
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;}Regards
The topic ‘Menu breaking into two lines’ is closed to new replies.
