Dawn Theme - Mega Menu image size

[TBS2023]

Hello

www.yogaspirit.mu

How can i decrease the size of my images on my mega menu drawer?

Rgds

[Rahul_dhiman]

Hello @TBS2023 
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> component-mega-menu.css
add this code at the end of the file and save.

.mega_menu_img img {
max-width: 50%;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[LizHoang]

Hi TBS2023

- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

.mega_menu_img img {
    width: 50% !important;
}

Result: 

Best,
LizHoang

[TBS2023]

Thanks - what about on MOBILE Version

[LizHoang]

Hi, it's small 

[TBS2023]

how can i reduce the space between the image to make 5 images fit on one line

[DaisyVo]

HI @TBS2023 ,

You can follow the steps here:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there

Here is the code for step 3:

li.mega_menu_img img {
    width: 150px !important;
}

Here is the result:

Please let me know if it works!

Best,

Daisy