Extending menu width

berenr · Member · Feb 21, 2014 at 1:22 pm
Copy link

Add topic to favorites
I’m using Manifest theme for my blog.

As I put many (five / six) pages, the list of pages in the menu bar goes on two line, and I don’t like this (three pages’ titles are on first line, and the others go on a new line).

So, I attempted to extend the width:
```
#site-wrapper, #core-content, #footer {
width: 750px;
}
```
but the menu bar format remains the same: the page titles are divided on two line. How to adjust this?

Many thanks to all!

The blog I need help with is: (visible only to logged in users)
berenr · Member · Feb 21, 2014 at 2:07 pm
Copy link
And… I also would like to swap tagline and menu position (which means putting tagline above the menu)

Thanks again!
thesacredpath · Member · Feb 21, 2014 at 5:10 pm
Copy link
Hi, add the following to widen the menu to 100% of the main width
```
#main-nav ul {
    width: 100%;
}
```
berenr · Member · Feb 21, 2014 at 6:28 pm
Copy link
Many thanks thesacredpath!! You solved my problem ;-)
berenr · Member · Feb 21, 2014 at 6:42 pm
Copy link
And what about swapping tagline and menu position?
thesacredpath · Member · Feb 22, 2014 at 2:56 pm
Copy link
To move the site description above the navigation, add the following.
```
#main-nav {
    margin-top: 80px;
}
#site-description {
    position: absolute;
    top: 70px;
    width: 100%;
}
```
berenr · Member · Feb 22, 2014 at 3:08 pm
Copy link
Great!!
thesacredpath · Member · Feb 22, 2014 at 3:12 pm
Copy link
Enjoy and let us know if you have any problems or additional questions.
berenr · Member · Feb 22, 2014 at 5:23 pm
Copy link
I’m afraid that questions will never end! :-) …even if I’m spending a lot of time on my blog.

Well, again about the width of my pages, I extended it in this way:
```
#site-wrapper, #core-content, #footer {
	width: 700px;
}
```
But unfortunately the pictures’ galleries have still the default width (500 px). How can I widen them to 700px too?

Thank you again!
thesacredpath · Member · Feb 23, 2014 at 2:21 am
Copy link
Make sure and put the new width in the “Content Width” box below the CSS edit area at Appearance > Customize > CSS and save. You will likely have to open your posts or pages that have galleries and delete them and then reinsert them for them to come in at the new width.

No items found.