How can I left justify mega-menu icons in the Turbo theme?

Store Design
1

Hi All

I am using the Turbo theme and am setting up a mega menu for my products. I have uploaded icons to go above each menu in the mega menu but I don’t like they way they look when they are centred over the column.
I would like them to be left justified so that they sit above the heading text for each menu.
I have attached a pic so you can see what I mean.
Any suggestions?

Thanks

Mega Menu images.png
Mega Menu images.png1617×758 159 KB

Mark

2

Hey @WeAreFairTrade
Kindly share your Store URL and password if enabled

3

Hi Moeed.

I am new to the board so excuse a rookie question but if I reply here with my password is that visible to everyone?

Cheers

Mark

4

Yes, it’ll be visible to everyone. If you want, you can private message me the password as well

5

Hey @WeAreFairTrade
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

Capture.JPG
Capture.JPG1908×764 79 KB

6

Thanks for this Moeed but it is not making any difference. The icons are still centered

7

Try this code instead and make sure you’re following correct steps
8

Thanks very much Moeed. That has worked perfectly.

I will keep you in mind if we need help with the site