[Resolved] primary nav not showing current page

Home Forums Support [Resolved] primary nav not showing current page

Home Forums Support primary nav not showing current page

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #267501
    Lisa

    Thank you so much for your theme. I love working with it.

    I had to shape the tabs for the primary nav to be rounded and a different color from the navbar background. http://de0.31f.myftpupload.com/ I think because of this, the current page is no longer showing a different color. Also, when I hover over the home (Our Practice) tab, I get the hover effect but this does not happen when I hover over the second tab (Our Team).

    Is there a way to correct these issues with css?

    Thank you for your help,
    Lisa

    #267509
    Leo
    Staff
    Customer Support

    Hi Lisa,

    I think you only need to use CSS for the border radius as below:

    .main-navigation .main-nav ul li a {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }

    Then control the colors with the different options in Customizer > Colors > Primary Navigation.

    Let me know if this works.

    #267598
    Tom
    Lead Developer
    Lead Developer

    Your CSS is specific to menu-item-22.

    Try this instead:

    .main-navigation .main-nav ul li a {
        -webkit-border-top-left-radius: 15px;
        -webkit-border-top-right-radius: 15px;
        -moz-border-radius-topleft: 15px;
        -moz-border-radius-topright: 15px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        background: #CAD7E9;
        color: #2c60a6;
        margin: 0 1px;
    }
    
    .main-navigation .main-nav ul li a:hover {
        background:#FFF;
    }
    #267897
    Lisa

    That worked perfectly, thank you!

    #267909
    Leo
    Staff
    Customer Support

    Glad we can help!

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.