Return to previous page

I need to disable the shadow on sticky header

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

  • Avatar: 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
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    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
    Avatar: PJone
    PJone
    Participant
    February 23, 2022 at 15:58

    Thank you 🙂

    #318243 Copied

  • Tagged: , , , , , ,

  • 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

8theme customization service

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Beaty & Cosmetics – WordPress WooCommerce Theme
lazy-placeholder
Photographer – WordPress WooCommerce Theme
lazy-placeholder
Handmade Store – WordPress WooCommerce Theme
lazy-placeholder
Organic Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Typography – WordPress WooCommerce Theme
lazy-placeholder
Cocktails Store – WordPress WooCommerce Theme
lazy-placeholder
Grocery Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Wedding – WordPress Theme
lazy-placeholder
Ecotransport Store – WordPress WooCommerce Theme
lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.