Return to previous page

I need to disable the shadow on sticky header

This topic has 3 replies, 2 voices, and was last updated 3 years ago ago by PJone

PJone

Participant

February 23, 2022 at 15:07

Hello,

how i can disable the shadow on sticky header?
I need a transparent sticky header.

I see this code, but cannot change it:

#header.sticky-on>[class*=header-wrapper]>.sticky:last-of-type, #header.sticky>[class*=header-wrapper]>.sticky-on:last-of-type>div {
-webkit-box-shadow: 2px 0 12px 0 rgb(0 0 0 / 15%);
box-shadow: 2px 0 12px 0 rgb(0 0 0 / 15%);
}

i also have try to create with .sticky-on . header-main

regards

Patrick

#318237 Copied Theme version: 8.1

2 Answers
Olga Barlow

Participant

February 23, 2022 at 15:11
Hello,

Try this code

.template-container #header.sticky-on>[class*=header-wrapper]>.sticky:last-of-type, .template-container #header.sticky>[class*=header-wrapper]>.sticky-on:last-of-type>div { box-shadow: none; -webkit-box-shadow: none; }

Regards
#318238 Copied
PJone

Participant

February 23, 2022 at 15:58

Thank you 🙂

#318243 Copied
Tagged: disable, header, shadow, sticky, themes, woocommerce, wordpress
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘I need to disable the shadow on sticky header’' has been successfully resolved, and the topic is now closed for further responses

I need to disable the shadow on sticky header

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection