Docs

[MB]

Hi,

Curious why on the primary menu navigation item “Trip Reports” has a bar covering the border under it on hover?

https://mbguiding.ca/trip-reports/

Thanks, MB

Vancouver Island Hiking Guide

[Christopher]

Hi there,

Please remove this code :

.x-navbar .desktop .x-nav>li.tax-item-85>a:hover, .x-navbar .desktop .x-nav>li.tax-item-85.x-active>a {
     box-shadow: 0 2px 0 0 #fff;
}

and clear cache on autoptimize plugin.

Hope it helps.

[MB]

Remove that code? I don’t see that code in my customizer CSS.

This code has been added to hide the default bar under menu item on hover:

.x-navbar .desktop .x-nav > li > a:hover, 
.x-navbar .desktop .x-nav > .x-active > a, 
.x-navbar .desktop .x-nav > .current-menu-item > a {
    -moz-box-shadow:   none;
    -webkit-box-shadow: none;
    box-shadow:         none;
}

But for some reason there is a bar being added under the “Trip Reports” menu item that we do not want there.

[Rupok]

Hi there,

The code is surely custom code as it specific for the category item and I can see this on your custom CSS from front-end. Perhaps you added this on page level CSS if you can’t find it within Customizer > Custom > CSS although it looks like within Customzier. Let’s check again for that.

Thanks!

[MB]

I inspected element and searched for “li.tax-item-85” and see that too in an auto optimize cache https://mbguiding.ca/wp-content/cache/autoptimize/css/autoptimize_3a8f051e36f5a00b5570bb696cef1749.css

Its note ate page level css or in my style.css. So no idea where its being generated.

[Rupok]

Hi there,

You can share your login credentials so that we can have a look.

Cheers!

[MB]

I deactivated and deleted autoptimze and those files are gone now. Can you please look at the fronted from your end and see where the css that you mentioned previously to remove is located now?

.x-navbar .desktop .x-nav>li.tax-item-85>a:hover, .x-navbar .desktop .x-nav>li.tax-item-85.x-active>a {
     box-shadow: 0 2px 0 0 #fff;
}

[Rupok]

Hi there,

The code seems still there. You can add the below code to overwrite this :

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
  box-shadow: none !important;
}

Thanks!

[MB]

Yes, thank you Rupok. I know that code will work to overwrite it. But where is the code that you wanted me to remove generated? Is it generated by the Theme X style.css? I do not see it anywhere on my end?

[Rupok]

Hi there,

Thanks for writing back. Yes that’s why I have asked login credentials on previous reply (#post-1264379). If you want us to have a look, provide us access to your site.

Hope this makes sense.

[Author]

Posts