Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1062217

    Step 01
    I created page and select Template “Blank – No header,No footer”
    blank-header

    Step 02
    But i need to display hamberger menu in mobile version of this page

    How can i do that ? could you please help me to fix this issue. actually i need to add CSS solutions

    Currently i m using enfold child theme

    • This topic was modified 5 years, 9 months ago by DDSameera.
    #1062380

    Hey DDSameera,
    Unfortunately by using the “blank” template you have no header, and no menu, so you can’t have a mobile menu.
    To correct please use the “default” template and hide the “footer & socket”, hide the “title bar”, use “no sidebar” and choose a “transparent header”
    2019-02-03-115916
    then to hide the header on desktop screens add this css in the Quick CSS field:

    @media only screen and (min-width: 768px) { 
    #header {
    display: none !important;
    }
    }

    and to show the mobile menu on mobile screens, add this css in the Quick CSS field:

    @media only screen and (max-width: 767px) { 
    #header_meta, span.logo,#menu-item-search,#menu-item-shop {
    display: none !important;
    }
    }

    Here’s an example of how it will look:
    2019-02-03-130123
    You may need a little more customizing for your needs, just let us know and we can assist.

    Best regards,
    Mike

    #1065179

    Thanks mike. !!!!

    #1065204

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Enfold Hamburger Menu Disappeared’ is closed to new replies.