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
June 18, 2019 at 9:52 am
#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.