Different padding for menu elements of primary navigation?

[Jose Antonio]

Hi!

I want to established a padding for a few elements of my primary navigation, but other padding different for others.

The problem is if I establish a “Left/Right spacing” in Appearence options for this menu, this is applied for all elements of the menú and, even if adding CSS class for this elements, that “left/right spacing” is still being applied.

You can view that in http://www.agustingrau.com

My intention is expand left/right spacing in the elements of the center in primary Navigation (“Libertad financiera”, “Sobre mi”, “blog”, etc.) but not in the social icons of the right.

Thank you and regards!

GeneratePress 1.3.44

GP Premium 1.2.94

[Leo]

Hi Jose,

We can use Custom Classes in the menu for that: https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classes

So for all the menu items that you want extra padding, add special-padding to the CSS Classes field, then add this CSS:

.special-padding {
    padding-left: 50px;
    padding-right: 50px;
}

Let me know.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jose Antonio]

Hi Leo,

I’m stupid. Just that you comment me was that I was doing before write you. But I had an error syntax that I had not seen. ><

Sorry for your lost time. Thank you.

[Leo]

No worries. You’re welcome!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts