Archived topic

primary nav not showing current page

4 replies · Started by Lisa on January 24, 2017

Viewing posts 1–5 of 5

January 24, 2017 at 8:21 am #267501

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

January 24, 2017 at 8:32 am #267509

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.

January 24, 2017 at 11:08 am #267598

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;
}

January 24, 2017 at 6:12 pm #267897

That worked perfectly, thank you!

January 24, 2017 at 6:57 pm #267909

Glad we can help!

This archived topic is closed to new replies.

Start building better websites today.