Question 43019 in Html Question posted in
Some basic documentation can be found here.

Mobile menu width is bigger than screen on mobile devices – Html

I am trying to customize the header menu on mobile for a website. I use wordpress, elementor free and a paid theme from WP. The issue is that on mobile, the dark blue burger menu has a width larger than the screen size. I am trying to add a max width of 100% but it doesnt work. Any ideas?
https://red-beetle-roti.instawp.xyz/products/status-boards/

i tried setting a width and max width of 100% to .navbar.menu-style-flyout .navbar-inner but it doesnt do anything.
The issue might not appear on a desktop when you use inspect element , but it does on a real phone
enter image description here

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    I went to Elementor > Tools and clicked on Regenerate CSS & Data. This seems to have fixed the issue


  2. 0

    On the mobile screen, I can see that the footer elements are not optimized, decreasing the font size of the links down on the web page in the footer section will do.
    As I don’t have the access to complete code I just changes the Download Now text font to 5px to test and it worked.
    You can see it here.

    Mobile Screen

    For any queries do let me know.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search