[Support request] Keeping menu dividing lines once menu reaches drop point

Home Forums Support Keeping menu dividing lines once menu reaches drop point

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1102625
    Dylan

    I want to keep my menu dividing lines once the menu reaches drop point, until it reaches mobile break point, and turns into the hamburger menu. What am I doing wrong?

    .main-navigation .menu > li > a {
    border-right: 4px solid #1d1853;
    }

    .main-navigation .menu > li:last-child > a,
    .main-navigation .menu > li:nth-last-child(1) > a {
    border-right: 0;
    }}

    #1102631
    Leo
    Staff
    Customer Support

    Hi there,

    Change @media (min-width: 891px):
    https://www.screencast.com/t/O9anFEr9

    to @media (min-width: 769px).

    Let me know if this helps 🙂

    #1102632
    Sridhar

    Place that CSS inside a media query like this:

    
    @media only screen and (min-width: 769px) {
        .main-navigation .menu > li > a {
            border-right: 4px solid #1d1853;
        }
    
        .main-navigation .menu > li:last-child > a,
        .main-navigation .menu > li:nth-last-child(1) > a {
            border-right: 0;
        }
    }
    
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.