• Hi,
    I am a wordpress beginner, who today finished works on his first website (our family business website).
    The last thing I wanted to do was to hide menu on mobile devices. I found a video showing how to do that with this CSS code:

    media screen and (max-width:767px){
    .menu_mobile .elementor-menu-toggle{ display:none}
    .menu_mobile .elementor-nav-menu–main{ display:block}

    Now I have no Menu, no header (transparent) nor Logo on any device! I tried to ‘undo’ the code in the Custom CSS & JS widget (also deleting it) but it didn’t help at all. Pleasie help me, as I was so happy with the outcome, now feeling like I lost everything.
    Link do the website:

    • This topic was modified 4 years, 6 months ago by James Huff. Reason: redundant link removed
    • This topic was modified 4 years, 6 months ago by James Huff.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Firstly, there are several errors in your code, and secondly, Elementor is not related to the menu. Try this code:

    @media screen and (max-width:768px){
    	.ast-header-break-point .ast-mobile-menu-buttons {display: none;}
    }

    Hello @artursaiii

    And thanks @zabavljaev

    Yes, currently we could see the Primary Menu rendered by the Astra theme.

    You can try the above CSS suggested to see how it goes.

    Or with the Elementor, you might the option to hide the section or widget on other responsive views.

    I hope that helps.

    Regards,
    Suman

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘My MENU dissapeared’ is closed to new replies.