Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1335464

    Hi, on any screen, my site looks fine, but on this 14″ screen of a friend, it looks like this and I really don’t know why: https://pasteboard.co/n3CUtGNUg9Gm.jpg
    Can someone help?

    #1335596

    Hey ingredientecosmetice,
    Thank you for the link to your site, I see that your site has a max-width of 80%, so at the smaller screens the mega menu is contained to this width and doesn’t have enough width to show the menu items like on the desktop width.
    Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    @media only screen and (min-width: 768px) and (max-width: 1600px) { 
    .responsive #top .container {
        max-width: 100%;
    }
    }

    This makes your site full width for smaller screens so the mega menu has the width it needs.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.