Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • June 19, 2019 at 10:47 am #1111561
    diefleischerei

    how can i active the transparent header also in mobile view`?

    June 19, 2019 at 12:11 pm #1111586
    diefleischerei

    How can i activate a permanent transparent header menu like here: https://www.netflix.com/browse

    June 20, 2019 at 12:54 pm #1111929
    diefleischerei

    Any ideas here?

    June 20, 2019 at 5:52 pm #1112020
    Victoria

    Hi diefleischerei,

    Here is how to do it:

    Header

    If you need further assistance please let us know.
    Best regards,
    Victoria

    June 21, 2019 at 10:53 am #1112286
    diefleischerei

    Thanks but this is for the mobile header victoria. how can a use the transparent header for the desktop view at pcs? i have selected transparent header but get the blue header. please help me :) thanks, alex

    June 21, 2019 at 11:16 am #1112294
    diefleischerei

    The Header loads transparent: https://imgur.com/a/eFVRVsm but when i scroll down it gets blue. how can i use a permanent transparent header? and how can i change the menu an the search icon color to white?

    Thanks, Alex

    June 21, 2019 at 9:25 pm #1112426
    Victoria

    Hi diefleischerei,

    https://cl.ly/f443f18e37dc When scrolled the header gets color because otherwise, it will blend with the content and will be lost in it Does it work for you like this?

    Best regards,
    Victoria

    June 22, 2019 at 5:08 pm #1112591
    diefleischerei

    Thank you. It looks like this at the moment: https://imgur.com/a/I0WMA8q

    1: white transparent on page load
    2: black whan scoll down

    3: it should look like this: 50% black transparent and also 50% trsanparent on scroll down. how can i get this look. thank you very much victoria :)

    Greetings, Alex

    June 22, 2019 at 9:35 pm #1112639
    Victoria

    Hi Alex,

    Please try this css:

    
#top #header .header_bg {
    background-color: transparent;
}
#top #header.av_header_glassy.av_header_transparency .header_bg {
    background-color: #000;
    opacity: 0.3;
    filter: alpha(opacity=10);
}

    Best regards,
    Victoria

    June 22, 2019 at 10:44 pm #1112654
    diefleischerei

    Thank you victoria.

    It looks great at page load: https://imgur.com/a/IjjPCuf but when i scroll down the header gets fully transparent. but i also want this 50% black transparent look when scrolling down. is this possible. greetings and thanks, alex

    June 24, 2019 at 4:21 am #1112819
    Mike

    Hi,
    Please try this code instead in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top #header, #top #header.av_header_glassy.av_header_transparency .header_bg {
    background-color: #000;
    opacity: 0.3;
    filter: alpha(opacity=10);
}

    Best regards,
    Mike

    June 26, 2019 at 9:39 am #1113544
    diefleischerei

    Hi Mike. i have set alle pages to “tranparent header” setting. https://imgur.com/a/nBEAX6p is this ok, or should i use the default setting for all pages.

    /*Header transparent machen*/
#top #header, #top #header.av_header_glassy.av_header_transparency .header_bg {
    background-color: #000;
    opacity: 0.3;
    filter: alpha(opacity=10);
}

    This is the code i use at the moment. but it do not work perfect. 1.) how can i get the logo, the serachicon and the menu button 100% white and 2) looks pretty nice. https://imgur.com/a/8e1rcZY

    Thanks Mike, greetings, Alex

    June 26, 2019 at 7:27 pm #1113703
    Victoria

    Hi diefleischerei,

    Could you please clear the cache, check again and get back to us.

    Best regards,
    Victoria

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