Mega Menu: formatting help on small viewports

[KEXINO]

Hi all,

I’ve created the beginnings of my mega menu from the video at https://theme.co/docs/setup-mega-menus.

The menu functionality works fine until I get to mobile viewports. I duplicated the mega menu bar and reformatted elements/containers to fit on smaller viewports. However the dropdown is not centred in the smaller viewport (see screenshots in attached SN) and there’s a couple of hairlines at the edge of the dropdown background.

Could you please point me in the right direction? Many thanks in advance.

[christian]

Hey @KEXINO,

The line that you see is coming from your post image, you need to set the Dropdown Top Margin to 1em to cover the image.

About the dropdown in mobile screens, it is not recommended to use the Dropdown element for mobile because the Dropdown follows the position of the Toggle. There is no option to modify it. It’s best to use the Off Canvas and Modal elements.

[KEXINO]

Many thanks @christian

[prakash_s]

You are most welcome, @KEXINO