[Venture Theme] Remove Product Preview in Header (Nested) Navigation Dropdown

Solved
Highlighted
Tourist
12 0 2

We are using Venture theme at the moment, and have set up nested header nav to display different child collections of our main collections. However, the theme automatically previews products in the dropdown (similar to what you can see here: https://www.purecycles.com/). How do we remove these previews to make the dropdown simply a menu?

 

Thanks! 

0 Likes
Highlighted

Hello @louisl7 ,

If you dont want product preview in header then

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

.sub-navigation__link-group.sub-navigation__link-group--fixed-gear-single-speed {
	display: none;
}
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
0 Likes
Tourist
12 0 2

Thanks for the prompt help!
We actually don't have such file called -> styles.scss
We tried to put the code at the bottom of Asset -> theme.scss.liquid but it doesn't work :(

0 Likes
Highlighted

@louisl7,

Can you please share screenshot what exactly you want to remove

and please share your site url

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
0 Likes
Highlighted
Tourist
12 0 2

@oscprofessional 
It would be these previews we are trying to remove. 
Screen Shot 2019-12-27 at 4.42.34 PM.png

0 Likes
Highlighted

@louisl7,

Please search this code in your scss file

.site-navigation .sub-navigation-wrapper--shown{display:block !important;opacity:1;overflow:hidden}

And remove this code

 

If you dont get above code then add below code in your scss file

.site-navigation .sub-navigation-wrapper--shown{display:none !important;}
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
0 Likes
Highlighted
Tourist
12 0 2

@oscprofessional 

We couldn't find the code, and the second line of code you shared still doesn't solve the issue. 

Is this something we have to change in Snippets -> site-nav.liquid instead? Thanks so much for your help.

0 Likes
Highlighted

@louisl7,

In which file you added this code

.site-navigation .sub-navigation-wrapper--shown{display:none !important;}
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
0 Likes
Highlighted
Tourist
12 0 2

@oscprofessional I added it at the bottom of Asset -> theme.scss.liquid

0 Likes
Highlighted

Ok do one thing..

1. Go to Online Store->Theme->Edit code
2. Asset->theme.js

Search below code

function toggleDD(){
      $('.sub-navigation__link a:first').trigger('click');
      $(this).toggleClass('hovered');
      $('.sub-navigation-wrapper', this).toggleClass('sub-navigation-wrapper--shown');
    };

Remove this code

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
0 Likes