Return to previous page

How to Remove Shadow Effect from Sticky Header?

This topic has 4 replies, 2 voices, and was last updated 5 months, 3 weeks ago ago by Rose Tyler

Merin

Participant

November 26, 2024 at 07:33

Our website’s sticky header currently displays a shadow effect. Despite our efforts to resolve this, we haven’t succeeded. We would like the header to have a plain border with no distinction between the top bar and the main header. How can we achieve this?

Please, contact administrator
for this information.

#425231 Copied Theme version: 9.4.5

3 Answers
Rose Tyler

Support staff

November 26, 2024 at 11:36
Hello, Merin,

Thank you for contacting us and for using XStore.

Custom CSS code can be used:

#header.sticky>[class*=header-wrapper]>.sticky-on:last-of-type>div { -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid #e1e1e1; }

Best regards,
8Theme’s Team
#425269 Copied
Merin

Participant

November 27, 2024 at 05:27

Thank You. It’s working.

#425388 Copied

Rose Tyler

Support staff

November 27, 2024 at 08:16

Hello, Merin,

You’re welcome!

Best regards,
8Theme’s Team

#425412 Copied
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘How to Remove Shadow Effect from Sticky Header?’' has been successfully resolved, and the topic is now closed for further responses

How to Remove Shadow Effect from Sticky Header?

Recent Community Activity

Alex C. from Support replied in

Alex C. from Support replied in

Alex C. from Support replied in

Qamar Corporation replied in

Helpful Topics

Browse by popular tags

Explore our best WordPress WooCommerce Themes collection