Docs

[nakosar]

I want to remove the thin line/rule that appears at the bottom of the navbar button (below the three lines) on X Theme/Integrity. See attached screenshot file. I have searched on this topic and found the below code, which I have tried to add both in Customize>Custom>CSS and also in my child theme, but this and other code I have tried do not work. The thin line still appears when I hover over the navbar button or tap on it on mobile.

My site is: http://marketkulture.com/

Thanks for your help!

NK
—-
I Have tried these code options in the custom CSS that I found in the forums, but they don’t remove the line:

.x-header-landmark {
display: none;
}

AND:

.x-navbar .x-nav>li>a:hover {
border-color: transparent;
}

[Rue Nel]

Hello There,

Thanks for writing in! It seems that you have installed a 3rd party plugin BluthCodes which cause the issue. To resolve this issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.masthead-inline .x-btn-navbar,
.masthead-inline .x-btn-navbar:hover {
    text-decoration: none;
}

We would loved to know if this has work for you. Thank you.

[Author]

Posts