Rearrange mega menu images on mobile view

Hello everyone,

My website is: www.sadea.dk

My theme is: Impact 4.4.0

I have inserted some custom code which has allowed me to add 8 images to our mega menu, which are our “brands”. It works perfectly on desktop view, but when I view it on mobile, you’ll need to swipe on the phone to see all brands. See the image below:

Therefore, I am looking for someone who is able to make the brands go down vertically instead of horizontally, so that the brands are like this (This way, all brands can be seen all the time):

Does anyone have the knowledge or coding required for this?

Thank you very much in advance.

Best regards,

Sadea.

Hey @Sadea

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like

@Moeed

Thank you very much Moeed.

This works perfectly! :grinning_face_with_smiling_eyes:

1 Like

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

1 Like