Dawn Theme - Mega Menu image size

Store Design
1

Hello

www.yogaspirit.mu

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

Rgds

2

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

179.png
179.png1697×467 99.2 KB

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

3

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:

LizHoang_0-1737609398468.png
LizHoang_0-1737609398468.png1915×574 105 KB

Best,
LizHoang

4

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:

DaisyVo_0-1737609419880.png
DaisyVo_0-1737609419880.png1357×582 253 KB

Please let me know if it works!

Best,

Daisy

5

Thanks - what about on MOBILE Version

6

Hi, it’s small

LizHoang_0-1737646102790.png
LizHoang_0-1737646102790.png466×741 54.1 KB

7

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