Remove border on Sticky Menu when set to ‘auto resize’.

[ABC]

I have played around with some of the Theme – Header/Menu Settings but can’t seem to remove the [very slight] visible border/line that appears when the “sticky” menu resizes on scroll.

A couple of screenshots are attached (before/after).

I am sure this is a really simple setting I’ve missed somewhere.

As always, thank you for your assistance regarding this matter.

Kindest regards, Andrew.

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

Please add this css to wp-admin -> theme options -> general settings -> quick css

COPY CODE

.kleo-navbar-fixed .kleo-main-header.header-scrolled {
    border: 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.0) !important;
}

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[ABC]

Hi Radu,

That’s perfect and just what I wanted. Thank you SO MUCH for providing this simple fix.
I hope that anyone looking to remove shadow from the sticky menu/header can now simply copy this and do-it-themselves.

Great response time (as always) and your instructions were very clear/idiot-proof! 🙂

10/10

[Radu]

Hi,

Great !!!

I’m here to help

Have a nice week man,

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts