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

    Hi thanks for great theme. I have problem about mobile menu

    I want to make mobile maenu sticky

    I add this code

    .responsive #top #wrap_all #header {
    position: fixed;

    My website is one page navigation and header style is: Header invisible after scroll it appears

    When you scroll down, ok header is fixed no problem , but when you open the hamburger menu ( mobile menu icon) and click to any page it goes that div than header is invisible

    And second when you scroll up you will see the header background and logo only but the menu icon is hidden ( I think its out of window right side )
    Can you pls help me about this problem



    Hey cantuna34,
    Enfold does not support a sticky header for mobile, it is disabled because a lot of mobile browsers do not support fixed or sticky elements and having a sticky header will consume what’s little left of the mobile screen. We have done it a few times and it ends up affecting many elements. If you want to try and don’t mind a quirk or two check this out:

    @media only screen and (max-width: 767px) {
    #header {
        position: fixed!important;
        top: 0;

    Best regards,


    I’ve tried many of the codes I found here, but nothing worked. My problem is that my menu is hidden on mobile device. Here is the link to the homepage. I want to see the menu on mobile, too. Is there a way to see it?
    Thanks a lot.


    Did you want to use the mobile burger menu? It looks disabled.
    It looks like you are using Enfold v4.0.7, did you know we are now up to v4.2?

    Best regards,


    Now I have completed the update… still the same problem.

    I use the “Logo center, Menu below” and this code to hide the logo:
    div#header_main > .container {
    display: none;
    .html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main {
    padding-top: 37px;


    Please try this code”

    @media only screen and (max-width: 766px) { 
    .responsive #top #main {margin-top: -80px!important;}
    #top #wrap_all .av_header_transparency {background-color: transparent!important;}
    div#header_main > .container {display: block !important;}

    I think you’ll get what your looking for, please see screenshot in Private Content area

    Best regards,

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.