Reduce the size of Mega menu images Turbo

Solved
Marionlesso
Excursionist
22 0 9

Hi, 

I would like to reduce the size of my photos on my Megamenu.
Perhaps add padding on each side to reduce the size and still have them centered? I would need to be able to see the same reduction if I create a second Megamenu

Website is: https://partnerprogram.zeiss.ca/


KetanKumar
Shopify Partner
20683 2144 7830

@Marionlesso 

sorry for that issue i have check but i can't see can you please share issue image further issue 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Marionlesso
Excursionist
22 0 9

Hi, Thanks for your reply! 

Here is how it looks now, and How I would like to look (second image). I would like to reduce de width of the images/columns of the mega menu. 

Do you think it's doable? 


KetanKumar
Shopify Partner
20683 2144 7830

This is an accepted solution.

@Marionlesso 

great thanks for clear please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/styles.scss.liquid->paste below code at the bottom of the file.

.dropdown_container.mega-menu .dropdown_content {max-width: 1024px;} /* change value as you like */

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Marionlesso
Excursionist
22 0 9

Thanks a lot, it worked perfectly!!

KetanKumar
Shopify Partner
20683 2144 7830

@Marionlesso 

it's my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing