Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #737964

    Hi,
    i am on the latest version of wordpress and enfold and i cant find “transparent header” option on product sites too…

    Thanks a lot!

    #738471

    any idea?

    #739743

    Hi,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top #header {
        position: absolute;
        background: rgba(255,255,255,0.6);
    }
    
    #top #header .header_bg {
        background: transparent;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    Let us know if this helps :)

    Best regards,
    Nikko

    #740238

    Hi,
    yes works fine. thank you.
    but border ist still white.
    do have any css?

    thank you!

    #740241

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .single-product #header_main {
        border: none;
    }
    

    Best regards,
    Yigit

    #755144

    Thanks worked fine, but now i got a grey header on mobile. how du i get that white?

    #755845

    Hi,

    Your header is displaying white on my end when checking in Chrome, could you try clearing your browser cache and a reload to see if that helps please?

    Best regards,
    Rikard

    #1224884

    You can filter the enfold header classes to enable transparent headers on woocommerce pages.

    /**
     * Add transparent header on woocommerce pages
     */
    add_filter('avf_header_setting_filter', function ($header) {
        if (is_shop()) { // use check for your need
            $header['header_transparency'] = 'header_transparency';
            $header['header_title_bar'] = 'hidden_title_bar';
            $header['header_class'] = $header['header_class'] . ' av_header_transparency';
        }
        return $header;
    }, 1);
    #1224954

    Hi Resonanz,

    Thanks for helping out :)

    Best regards,
    Nikko

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.