quickview page not responsive !

rollak's picture
rollak
Wed, 07/20/2016 - 12:07
#1
quickview page not responsive !

quickview page is not responsive, is there any version with responsive css?

Image title

phuonght's picture
phuonght
Fri, 07/22/2016 - 03:19

Hi,

Please 

  • go to file sites\all\themes\md_hosoren\css\md_hosoren.css, add following code:

@media (max-width: 990px) {
.modal-quickview .commerce-add-to-cart .form-submit{
margin: 10px 0 25px;
}
.product-quickview-popup{
width: 100%;
max-width: 900px;
min-width: 0;
}
}

@media
(max-width: 768px) {
.product-quickview-popup{
max-height: 480px;
overflow-y: scroll;
}
.product-quickview-popup .product-media{
float: none;
width: auto;
}
}

  • Open file sites\all\themes\md_hosoren\js\md_hosoren.js,replace

if ($('.product-quickview-slider').length > 0) {
$('.product-quickview-slider').owlCarousel({
items: 1,
navigation: true,
pagination: false
});
}

with

if ($('.product-quickview-slider').length > 0) {
$('.product-quickview-slider').owlCarousel({
items: 1,
responsive: false,
navigation: true,
pagination: false
});
}

rollak's picture
rollak
Fri, 07/22/2016 - 10:25

thanx

Log in or register to post comments
Have More Idea?

We are here to build your website!

No Universal solution fits all special business requirements. Our experienced team is ready with ideas and state-of-the-art technical solutions to consult the best solution within your budget.