Archived topic

What is the CSS for navigation and secondary navigation borders

5 replies · Started by Nancy on July 12, 2017

Viewing posts 1–6 of 6

July 12, 2017 at 1:47 pm #348376

Hi Tom,

Great theme, and fantastic customization options.

I want to add a right border to the main navigation and the a bottom border to the drop down secondary navigation. What is the CSS for this? I'm trying to read through all those levels and having trouble figuring out the exact selectors to target these.

Or is there something in the Premium theme that adds specific borders to different levels?

Thanks

July 12, 2017 at 1:51 pm #348381

Hi there,

Are you looking right border between each menu item or on the right of the entire navigation?

Border add-on is in the future plan :)

July 14, 2017 at 8:51 am #349409

I want the right border only on the top level, and then a horizontal border between each navigation item.

Thanks

July 14, 2017 at 8:56 am #349411

Give this a shot:

@media (min-width:769px) {
    .main-navigation .menu > li > a {
        border-right: 2px solid #000000;
    }
    .main-navigation .menu > li:last-child > a {
        border-right: 0;
    }
    .main-navigation .main-nav ul ul li a {
        border-bottom: 2px solid #000000;
    }
}

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

July 18, 2017 at 10:52 am #351290

Thank you!

July 18, 2017 at 12:45 pm #351321

No problem!

This archived topic is closed to new replies.

Start building better websites today.