The mobile version does not work

  • Resolved malaquro

    (@malaquro)


    1 year, 4 months ago

    The mobile layout made in the MENU > MEGA MENU section does not work. The layout is displayed there correctly, namely in 2 columns each block. Whereas in fact everything is in one line. What’s wrong and how to fix it?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Moin Munna

    (@moinmunna)

    1 year, 4 months ago

    Hello @malaquro,
    Thanks for reaching out to us!

    I have inspected your page and found the megamenu you mentioned. The Megamenu items were shown in one column there. Now I’m not quite sure about the origin of the issue with the information you have shared. However, I have a CSS solution for you to show the Megamenu items in Two columns. Add the following CSS in your Appearance>Customize>Additional CSS section.

    @media (max-width: 767px) {
  .elementskit-megamenu-panel .elementor-container.elementor-column-gap-default {
  display: grid !important;
  grid-template-columns: repeat(2,1fr) !important;
}
}

    Let us know if you need further assistance.

    Best Regards,
    Moin

    • This reply was modified 1 year, 4 months ago by Moin Munna.
    Thread Starter malaquro

    (@malaquro)

    1 year, 4 months ago

    I go to “Appearance” >”Menu” >”Mega Menu” and edit as in the Elementor editor. There are editing versions for tablets and for phones. There I have set up a tablet version in 3 rows and a mobile version in 2 rows.

    But they don’t work. And for both versions, everything breaks down in one row, which is strange, because everything is beautiful in the editor there.

    (I can provide access for verification or insert screenshots, but I don’t see where to do it in this chat)

    Plugin Support Moin Munna

    (@moinmunna)

    1 year, 4 months ago

    Hello @malaquro,

    Sometimes, any of the controls may not work because of a CSS override caused by any environmental issues. That’s why I provided the CSS.

    Kindly let us know if the solution worked.

    Best Regards,
    Moin

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘The mobile version does not work’ is closed to new replies.