Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1473641

    Hello everyone
    I have created a page here
    link below
    is it possible that the header is not displayed on mobile.
    see printscreen link below
    so the hamburger menu deeper in the picture?

    #1473684

    Hey schweg33,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 989px) { 
    	#header_main {
    		height: 0;
    	}
    	.logo.avia-standard-logo a {
    		display: none;
    	}
    	#top .av-burger-overlay li li .avia-bullet, #top .av-hamburger-inner,#top .av-hamburger-inner::before, #top .av-hamburger-inner::after {
      background-color: #fff !important; 
      }
       .html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after {
      background-color: #000 !important; 
      }
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1473696

    Hello Mike
    Thank you very much
    Fits great like this
    you can close this ticket

    Kind regards
    Franz

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘hamburger menu deeper without logo’ is closed to new replies.