Changes to product template "compact"

Hi Xtemos Team,

on my product page I’m using “compact” as product page design.
It is perfect for mobile devices. On langer screens, content is
cut due to height of the div and it is not obvious for the user that
he has to scroll.

how can I change the height of the div so all of the contacts and
the collapsibles are visible?

Thanks for your help

Till

Hello,

Try to add this code snippet to the Custom CSS area in Theme Settings

.product-design-compact .product-image-summary>.row {
    display: block;
}

.product-design-compact .basel-scroll .basel-scroll-content {
    position: static;
}

.product-design-compact .summary-inner.basel-scroll {
    position: static;
}

.product-design-compact .basel-scroll-pane {
display:none!important;
}

Regards

Thanks again –

this did the trick 😉

Till
Munich, Germany

You are always welcome 🙂

[Author]

Posts