Menu breaking into two lines

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?

@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

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?

@cvergerio Try adding this to your Custom CSS:

.center { width: 75%;}

Regards

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