Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 13, 2022 at 5:16 pm #1335464
    ingredientecosmetice

    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?

    January 14, 2022 at 2:08 pm #1335596
    Mike

    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

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.