This topic has 5 replies, 3 voices, and was last updated 1 years, 1 months ago ago by luc
Hi, is there a way to hide a section on mobile from the single product builder?
Thanks in advance.
Hello,
Thank you for choosing XStore as your WooCommerce WordPress theme.
Custom CSS code can be used. What exactly section do you want to remove?
Also, we added a new Single Product Builder in the latest theme version – https://www.8theme.com/documentation/xstore/theme-installation/theme-update/ https://www.8theme.com/documentation/xstore/xstore-builders/xstore-single-product-builder-with-elementor/
With the Elementor in this builder, you will be able to hide elements via settings – https://prnt.sc/g7uizs3rjSm8
Kind Regards,
8theme team
Hi,
I want to hide section 7.
https://ibb.co/pX2r6BL
Hello, @luc,
To conceal your preferred column exclusively on the mobile version, kindly replicate and insert the following CSS code into Xstore >> Theme Options >> Theme Custom CSS >> Global CSS. Subsequently, please revisit your site after purging the mobile browser cache.
@media(max-width: 767px){
.sidebar.single-product-custom-widget-area {
display: none !important;
}
.et_element.single_product-html_block.single_product-html_block2 {
display: none !important;
}
}
Best Regards,
8Theme’s Team
Thanks a lot it worked!
The issue related to '‘How can I hide sections single product builder on mobile’' has been successfully resolved, and the topic is now closed for further responses