How to center products thumbnails in mega menu in Venture theme

Solved
Tourist
15 0 0

Hello to whom will see this.

I am new to Shopify but not so new to coding. Thanks to the wonderful community here at Shopify I managed to customize my shop like I wanted it to be. Now I am faced with an issue: the product thumbnails in my mega menu called "all products" don't seem to be centered vertically. How can I change this? Please refer to the image below.

Also as you can probably tell I am using the Venture theme.

 

Thank you in advance.

 

Screen Shot 2019-11-25 at 12.13.31.pngMega menu thubmnail

0 Likes
Shopify Expert
665 170 199

Hi, @Keekee ,

This is Evita from On The Map.

 

Can you add your store URL?

 

Best, Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Tourist
15 0 0

Yes!

https://take-my-beans.myshopify.com/

 

Password: keekee

0 Likes
Tourist
15 0 0
0 Likes
Shopify Expert
665 170 199

I can't find the page where the sidebar is displayed.

 

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Tourist
15 0 0

It's in the navigation bar. Hover over "All products".

0 Likes

Success.

Shopify Expert
665 170 199

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file.

.meganav__product {
   position: relative;
   top: 50%;
   transform: translateY(35%);
}

 

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
1 Like

Success.

Hello ,

Please add below css in your theme.scss file

.meganav__nav.meganav__nav--collection.page-width .grid__item.one-fifth.meganav__product {
	position: relative;
	top: 50%;
	transform: translateY(33%);
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Tourist
15 0 0

Omg it works thank you!

0 Likes
Tourist
15 0 0

One last question: is there a way to make the thumbnails bigger?

0 Likes