Title: Menu breaking into two lines Last modified: August 31, 2016 --- # Menu breaking into two lines * Resolved [cvergerio](https://wordpress.org/support/users/cvergerio/) * (@cvergerio) * [10 years, 4 months ago](https://wordpress.org/support/topic/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/](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](https://wordpress.org/support/topic/menu-issue-25?replies=32) * Could you please advise? * Many thanks, Claire Viewing 15 replies - 1 through 15 (of 29 total) 1 [2](https://wordpress.org/support/topic/menu-breaking-into-two-lines/page/2/?output_format=md) [→](https://wordpress.org/support/topic/menu-breaking-into-two-lines/page/2/?output_format=md) * Theme Author [OptimizerWP](https://wordpress.org/support/users/layerthemes/) * (@layerthemes) * [10 years, 4 months ago](https://wordpress.org/support/topic/menu-breaking-into-two-lines/#post-7074407) * Hi * Insert this in Appearance -> Customize -> Miscellaneous -> Custom CSS * `.logo {width: 100%;}` * Thanks * [singsys123](https://wordpress.org/support/users/singsys123/) * (@singsys123) * [10 years, 4 months ago](https://wordpress.org/support/topic/menu-breaking-into-two-lines/#post-7074411) * Hi, Just decrease the padding or another one use white-space:nowrap; * Thread Starter [cvergerio](https://wordpress.org/support/users/cvergerio/) * (@cvergerio) * [10 years, 4 months ago](https://wordpress.org/support/topic/menu-breaking-into-two-lines/#post-7074416) * Great! That worked. Thank you. * Another quick question: how do I make the tagline of the blog title bigger? * [singsys123](https://wordpress.org/support/users/singsys123/) * (@singsys123) * [10 years, 4 months ago](https://wordpress.org/support/topic/menu-breaking-into-two-lines/#post-7074445) * increase the font size. * Thread Starter [cvergerio](https://wordpress.org/support/users/cvergerio/) * (@cvergerio) * [10 years, 4 months ago](https://wordpress.org/support/topic/menu-breaking-into-two-lines/#post-7074498) * 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? * Theme Author [OptimizerWP](https://wordpress.org/support/users/layerthemes/) * (@layerthemes) * [10 years, 4 months ago](https://wordpress.org/support/topic/menu-breaking-into-two-lines/#post-7074549) * Hi * Insert this in Custom CSS * ``` span.desc { font-size: 16px; } ``` * Thanks * Thread Starter [cvergerio](https://wordpress.org/support/users/cvergerio/) * (@cvergerio) * [10 years, 4 months ago](https://wordpress.org/support/topic/menu-breaking-into-two-lines/#post-7074603) * 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? * Theme Author [OptimizerWP](https://wordpress.org/support/users/layerthemes/) * (@layerthemes) * [10 years, 4 months ago](https://wordpress.org/support/topic/menu-breaking-into-two-lines/#post-7074656) * [@cvergerio](https://wordpress.org/support/users/cvergerio/) * 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 * Thread Starter [cvergerio](https://wordpress.org/support/users/cvergerio/) * (@cvergerio) * [10 years, 4 months ago](https://wordpress.org/support/topic/menu-breaking-into-two-lines/#post-7074660) * 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? * Theme Author [OptimizerWP](https://wordpress.org/support/users/layerthemes/) * (@layerthemes) * [10 years, 4 months ago](https://wordpress.org/support/topic/menu-breaking-into-two-lines/#post-7074680) * [@cvergerio](https://wordpress.org/support/users/cvergerio/) Try adding this to your Custom CSS: * `.center { width: 75%;}` * Regards * Thread Starter [cvergerio](https://wordpress.org/support/users/cvergerio/) * (@cvergerio) * [10 years, 4 months ago](https://wordpress.org/support/topic/menu-breaking-into-two-lines/#post-7074681) * 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. * Thread Starter [cvergerio](https://wordpress.org/support/users/cvergerio/) * (@cvergerio) * [10 years, 4 months ago](https://wordpress.org/support/topic/menu-breaking-into-two-lines/#post-7074682) * Also, I just noticed the drop-down menus are not aligned with the menu headings… Is there a way to fix that? * Theme Author [OptimizerWP](https://wordpress.org/support/users/layerthemes/) * (@layerthemes) * [10 years, 3 months ago](https://wordpress.org/support/topic/menu-breaking-into-two-lines/#post-7074711) * Try adding this to your Custom CSS: * `#topmenu {text-align: left;}` * Regards * Thread Starter [cvergerio](https://wordpress.org/support/users/cvergerio/) * (@cvergerio) * [10 years, 3 months ago](https://wordpress.org/support/topic/menu-breaking-into-two-lines/#post-7074715) * 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. * Theme Author [OptimizerWP](https://wordpress.org/support/users/layerthemes/) * (@layerthemes) * [10 years, 3 months ago](https://wordpress.org/support/topic/menu-breaking-into-two-lines/#post-7074726) * 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 Viewing 15 replies - 1 through 15 (of 29 total) 1 [2](https://wordpress.org/support/topic/menu-breaking-into-two-lines/page/2/?output_format=md) [→](https://wordpress.org/support/topic/menu-breaking-into-two-lines/page/2/?output_format=md) The topic ‘Menu breaking into two lines’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/optimizer/0.7.4/screenshot.png) * Optimizer * [Support Threads](https://wordpress.org/support/theme/optimizer/) * [Active Topics](https://wordpress.org/support/theme/optimizer/active/) * [Unresolved Topics](https://wordpress.org/support/theme/optimizer/unresolved/) * [Reviews](https://wordpress.org/support/theme/optimizer/reviews/) ## Tags * [breaking](https://wordpress.org/support/topic-tag/breaking/) * [menu](https://wordpress.org/support/topic-tag/menu/) * 29 replies * 3 participants * Last reply from: [cvergerio](https://wordpress.org/support/users/cvergerio/) * Last activity: [10 years, 2 months ago](https://wordpress.org/support/topic/menu-breaking-into-two-lines/page/2/#post-7074795) * Status: resolved