[Support request] Styling Primary Nav Menu into tabs

[Mary]

Hi,

I’m hoping you can let me know how to accomplish a slight change to my Primary Navigation Menu.

This is my current Generatepress site –
https://sojourntravel.com/

I want the Primary Navigation menu to look like this one (also my site but not a GeneratePress or WordPress site)
http://sojourntravelservice.vacationport.net/Page/Resources

Can I style my Generatepress menu to have those tabs over the lighter background color?
If so, can you give me the CSS code to try?

Thanks,
Mary

[David]

Hi there,

try adding this CSS:

.main-navigation {
    padding: 2px 0; /* Add padding to main navigation bar */
}
.main-navigation .main-nav > ul > li {
    margin: 0 2px; /* set space between menu items */
}
.main-navigation .main-nav > ul > li > a {
    background-color: #f00; /* Set color of static menu items not current */
}

[Author]

Posts