[Venture Theme] Remove Product Preview In Header Navigation Dropdown + Fix height

Store Design
1

My Store is:

I would like to remove the collection previews when linking a collection to the top menu.

An example of what I dont want to happen is when hovering the “yugioh!” The drop down menu appears with the collection shown and linked.

an example of what I’m wanting is: When hovering “pokemon” a simple text drop down appears with no previews or height changes while still linking to the desired collection. (It links to the homepage atm. unlinking it from it’s collection was the only way for me to get it to atleast appear correct.)

This thread attempts to tackle the problem but doesnt fully solve my issue.

https://community.shopify.com/c/shopify-design/venture-theme-remove-product-preview-in-header-nested-navigation/td-p/629302

The last comment in that thread seems to be wanting the same thing as me. A simple text drop down, as seen on the “pokemon” link but still linking to a collection - without the height modifications.

Any help would be greatly appreciated.

2

Hi @TcgFox ,

Try this code below. Paste it in the style.scss file under Asset folder.

@media only screen and (min-width: 950px) {
.sub-navigation-wrapper {
width: max-content  !important;
}
.site-navigation .sub-navigation__link-group--active {
display: none !important
}
.site-navigation .sub-navigation__link {
width: 100% !important;
}
.site-navigation .sub-navigation:after {
display: none !important;
}
}
3

Hi, thanks for the response @made4Uo

I’m unsure where to place the code you provided. I don’t see style.scss. I dont think I have it in the “assets” folder. Apologies for the misunderstanding.

I did try putting it in the theme.scss and nothing seemed to happen.

shopify example.PNG
shopify example.PNG1918×877 98.3 KB

4

Hi @TcgFox ,

Sorry I was basing the style modification to the link you provided. It would be best to provide your website to further assist you.

5

Bump