Tagged: , , , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 13, 2017 at 9:15 pm #792796
    cantuna34

    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

    link: https://adgknitwear.com/

    May 13, 2017 at 11:08 pm #792813
    Mike

    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,
    Mike

    December 9, 2017 at 2:14 pm #886825
    AlbrechtM

    Hello,
    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.

    December 9, 2017 at 3:21 pm #886851
    Mike

    Hi,
    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,
    Mike

    December 9, 2017 at 3:42 pm #886855
    AlbrechtM

    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;
    }

    December 9, 2017 at 7:56 pm #886956
    Mike

    Hi,
    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,
    Mike

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