Pages in navigation area

thebeachhousekitchencom · Member · Apr 15, 2015 at 8:11 pm
Copy link

Add topic to favorites
Hello. I just recently added a oage to my navigation menu called press and I wanted to space the pages out evenly. I tried to input code to adjust and it isnt working. Any help would be greatly appreciated. Thanks.
Mary Ann

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Apr 16, 2015 at 4:45 pm
Copy link
Mary Ann, this can cause issues if someone has their browser zoom level set other than normal, or has a different font size set in their browser. Also, your theme is responsive, and down at just above the point where your menu changes to the mobile touch menu bar (600px) your menu takes up just around the full width of the browser window. See here:

I would likely suggest going a little conservative on things so that the menu items don’t end up going to two lines at screens/windows near the point the mobile touch menu activates.

First off, remove these two rules from your 601px media query
```
#menu-item-79 {
    padding-right: 90px;
}
#menu-item-81 {
    padding-left: 90px;
}
```
and add the following to that media query instead
```
.navigation-main li {
    padding-right: 40px;
}
.navigation-main li:last-child {
    padding-right: 0;
}
```
The last rule above removes the padding set in the previous rule from the last item in the menu.

If you add additional menu items, or remove items, you will have to adjust the right padding number so that the menu doesn’t break to two lines.
thebeachhousekitchencom · Member · Apr 16, 2015 at 5:35 pm
Copy link
Perfect! Thanks so much for your help!
Mary Ann
thesacredpath · Member · Apr 17, 2015 at 5:05 pm
Copy link
You are welcome.

No items found.