Home Forums Exoplanet Products(shop) page not scrolling when in full screen mode Reply To: Products(shop) page not scrolling when in full screen mode

#7584
Andy
Keymaster

Okay, I have worked out why the page won’t scroll.

You have added some of your own custom CSS, specifically this line:
.woocommerce { overflow: hidden;}

This is causing the scrollbar to never appear on screen widths wider than 981px (on pages containing woocommerce elements such as the shop/products pages) because it is also wrapped within a @media rule like so:

/* 2 column layout */
@media (min-width: 981px) {
.woocommerce { overflow: hidden;}
.woocommerce:after { clear: both; }
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { width: 100%; }
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { display: none; }
.woocommerce .col2-set, .woocommerce-page .col2-set { float:left; width: 48%; }
#order_review_heading, .woocommerce #order_review, .woocommerce-page #order_review { 
float: left; 
width:48%; 
margin-left: 4%; 
}
}

I don’t know why that line would be needed but you can remove it and then it should work properly.