Hide Widget on product pages for mobile

Hey,

Please add following code to Quick CSS in Enfold theme options under General Styling tab

@media only screen and (max-width: 767px) {
.single-product .sidebar { display: none !important; }
}

If that does not help, please post a link to your website.

Regards,
Yigit

Hey!

Code is not being applied. Please try flushing cache in cache plugin you are using and refresh your page a few times. If that too does not help, please create a temporary admin login and post it here privately.

Cheers!
Yigit

Hi,

Thanks for the login details. Please try this instead:

@media only screen and (max-width: 767px) {
.single-product .single_toggle { 
  display: none !important; 
}
}

Best regards,
Rikard

Hey!

I added this code again and flushed cache. Please review your website.

Best regards,
Yigit

Hi,

Please make sure to flush your mobile browsers cache as well. It does work fine on my end. Attached a screenshot in private content field below.

Regards,
Yigit

Hi,

Glad we could help! :)

For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Yigit