My menu is not right aligned? / How do I adjust...

« See all FAQs for Reactive

My menu is not right aligned? / How do I adjust the widths of the logo / menu items without causing a linebreak?

There is an allocated space for the logo and nav menu.. by default it is set to 4 columns (logo) and 12 columns (nav menu). If for example the logo is larger than the designated area, it will break the layout and force the nav menu onto a new line.

The solution is to modify the template files (e.g. single-column.php, 2-columns.php, in the themes root directory) to provide more space. For example, the default settings for these divs are:

<div class="four columns flat logoholder" /> <div class="twelve columns navholder" />

You could reverse the space (so the logo has a large area, and the menu small by:

<div class="twelve columns flat logoholder" /> <div class="four columns navholder" />

The row must add up to 16, how you allocate the widths is up to you :)

by
by
by
by
by
by