Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #929076

    Hello,

    i have the header sticky. now i want that on mobile devices and tablets that the header background is gone. the menu has to be on its place.

    greetings

    #929833

    Hey mauriciodreher,
    I’m not sure I understand, for mobile and tablet you would like the image removed, and only show the burger menu?
    I assume that you would still want to show the text in your color section?
    If this is correct, Try this code in the General Styling > Quick CSS field:

    
    @media only screen and (max-width: 1023px) { 
    #top.home #av_section_1 .av-parallax {background-image: none !important; }
    }
    }

    Best regards,
    Mike

    #929844

    Hi Mike,
    not quite, i whant that the white Bar on the top is gone or transparent that the image (hands) is visuell.
    here a screenshot.

    greetings

    #929890

    Hi,

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

    @media only screen and (max-width: 767px) {
    #top #wrap_all .av_header_transparency {
        background: transparent;
        position: absolute!important;
    }}
    

    Best regards,
    Yigit

    #929893

    Perfect!! THX

    #929959

    Hi,

    Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Remove Header Bar (sticky header)’ is closed to new replies.