Div Container Overlap

Hello,

On a product page, the elements under the product images overlap between break points 769px-991px (pictured). Please can you assist with correcting this with CSS?

Many thanks
Dee

Attachments:

You must be logged in to view attached files.

Hello,

What device do you use to test? And what is its screen width?

Best Regards

Hello,

The issue is with the Safari browser only.

See picture attached.

Regards
Dee

Hello,

Please see picture attached.

Regards
Dee

Attachments:

You must be logged in to view attached files.

Hello,

Please provide your site admin access to the private area.

Best Regards

Hello,

Please see private message.

Regards
Dee

Hello,

Please find this custom CSS:

.product-design-compact .basel-scroll .basel-scroll-content {
    position: static;
    overflow: visible;
    padding-left: 0;
    padding-right: 0;
} 

And replace it with this one:

.product-design-compact .basel-scroll .basel-scroll-content,
.browser-Safari .product-design-compact .entry-summary .basel-scroll {
    position: static;
    overflow: visible;
    padding-left: 0;
    padding-right: 0;
}

Add this code to the Theme Settings > Custom CSS > Tablet.

Best Regards

Hello,

Thank you for your assistance.

Please close.

Dee

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts