Page in mobile responsive not working

  • Resolved amirhs

    (@amirhs)


    9 years, 9 months ago

    Hi everyone,

    My website couldn’t display the page menu when in mobile responsive (or even when the website is shrinked). There is a circle at the top right, but when pressed it doesn’t show all the menu. I use chrome and this is my website: https://makmaldigital.com/

    Could anyone point me how to solve? Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • Anonymous User 7842110

    (@anonymized-7842110)

    From the look of it, there’s no HTML in the ul.mobile-menu element. Are you certain you have the menu setup correctly in the theme/dashboard?

    The javascript that builds the mobile menu looks OK and you can tell it tries to work, but if there’s nothing inside the ul, nothing will happen.

    Thread Starter amirhs

    (@amirhs)

    Oh my mistake, I didn’t configure very well the menu. Thank you Jimmy!

    There is a blue circle at the top right in mobile responsive, it works. But If I want a normal menu, no hide/expand. How I can do that?

    clintongreen

    (@clintongreen)

    Adding this CSS will get you started but it can get messy if you don’t know much about CSS. The @media query you see below is used to make the menu behave differently on different screen sizes e.g. mobile, tablet, desktop. There are many different @media queries that you will need to overwrite. Good luck ??

    @media screen and (max-width: 960px){
    #navigation ul { display: block;}
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Page in mobile responsive not working’ is closed to new replies.