Archived topic

Styling Primary Nav Menu into tabs

1 reply · Started by Mary on September 25, 2021

Viewing posts 1–2 of 2

September 25, 2021 at 11:26 am #1942818

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

September 25, 2021 at 4:41 pm #1942907

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 */
}

This archived topic is closed to new replies.

Start building better websites today.