Archived topic

Distribute/Spread Navigation menu items hozitonaly

2 replies · Started by Cyril on July 30, 2015

Viewing posts 1–3 of 3

July 30, 2015 at 2:45 pm #125020

Hi,

First, I purchased generatepress with the add-ons 1 week ago and I love it ! Excellent work !

I have a question. I would like to have my menu using all the space of the navigation space, not align center but the menu items spread horizontally from the left to the right.

How can I do that by CSS or plugin ?

I attached a picture to be more clear :

Example image

July 30, 2015 at 4:11 pm #125053

Hi Cyril. You could try setting the menu item spacing using a percentage value:

.main-nav li {
  padding: 0 1.5%
}

Adjust it to fit in the desktop view and it should scale until the menu collapses for mobile.

Adding CSS: https://generatepress.com/knowledgebase/adding-css/

July 30, 2015 at 5:45 pm #125059

Good idea, bdbrown! Interested to see if that does the trick :)

Thanks for your purchase, Cyril! Glad you're enjoying GP!

This archived topic is closed to new replies.

Start building better websites today.