[Resolved] What is the CSS for navigation and secondary navigation borders

Home Forums Support What is the CSS for navigation and secondary navigation borders

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #348376
    Nancy

    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

    #348381
    Leo
    Staff
    Customer Support

    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 🙂

    #349409
    Nancy

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

    Thanks

    #349411
    Leo
    Staff
    Customer Support

    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/

    #351290
    Nancy

    Thank you!

    #351321
    Leo
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.