Infinity Pro: How to edit and align top menu?

[philsquires]

Hi, as above I would like to configure the following items:

Ensure all menu items are on one (top) row.
That way I may avoid having menu create a second line - see "Privacy Policy" sits below the other menu items.

Thanks

Phil

http://pivotpointsales.com.au/

[Brad Dalton]

On line 1364 in your child themes style.css file, you can increase the width of the primary nav menu by increasing the value for the width property in the following CSS rule :

.nav-primary {
    float: left;
    margin-top: 2px;
    text-align: center;
    width: 60%;
}

However, on smaller screens, it will display menu items on more than 1 row.

---

Tutorials for StudioPress Themes.

[philsquires]

Updated width property to 80 and then 100% and 'Privacy Policy' menu item remains one line below.

What are your thoughts please Brad?

.nav-primary {
float: left;
margin-top: 2px;
text-align: center;
width: 100%;
}

[Brad Dalton]

Single row when i test it

---

Tutorials for StudioPress Themes.

[philsquires]

Thanks Brad - apologies look like I made a caching error 😉

Change made, and I see menu is on the lower line, even though I tested 60, 80 & 100% clearing cache each time.

I've noticed an error in theme style.css - "using width with border can sometimes make elements larger than you expect."

How do I replace current css with original or is there another fix?

[philsquires]

I started fresh - thanks for your input Brad!

[Author]

Posts