Moved: Reply To: shop item page

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

@media (min-width: 768px){
body .col-sm-8.product-images {
    width: 100%;
}
}
@media (min-width: 768px){
body .col-sm-4.entry-summary {
    width: 100%;
	height:1000px;
}
}

Best Regards

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

@media (max-width: 991px){
body .single-breadcrumbs-wrapper .woocommerce-breadcrumb {
    display: inline-block;
}
}

What width do you mean? I am checking and it works https://prnt.sc/t5ncv7

Best Regards

Hello,

Please provide the site admin access to the private area.

Best Regards

Hi,

1. Please put custom CSS code with @media to the Global CSS area since in other responsive areas in would not work (https://prnt.sc/t6ydma) since code in that areas already creates it own @media selector.

2. We have removed all our previous custom code related to the single product.

3. To make your single product in one column starting from display width 1048px and less, try to add the following custom CSS code to the Global Custom CSS area in theme settings (http://prntscr.com/t6yylf).

@media (max-width: 1048px){
	.product-image-summary > .row > [class*="col"] {
	width: 100%;
}
.product-design-compact .basel-scroll {
    position: static;
    overflow: visible;
}
.product-design-compact .basel-scroll .basel-scroll-content {
    position: static;
    overflow: visible;
    padding-left: 0;
    padding-right: 0;
}
}

4. To show breadcrumbs on tablet devices in single product page try to add following code to the Tablet Custom CSS area in theme settings (http://prntscr.com/t6yzs9).

.single-breadcrumbs-wrapper .woocommerce-breadcrumb,
.single-breadcrumbs-wrapper .yoast-breadcrumb {
    display: inline-block;
}

5. Thank you for noticing the issue in Safari 10. This issue will be fixed in the next theme update.

Best Regards