search

prestarocket-agence / classic-rocket

Classic Rocket is a rework of "classic theme". It has been built keeping in mind : performance, accessibility and SEO.
https://demoprestashop.prestarocket.com/
Other
230 stars 127 forks source link

Product box height on mobile device #159

Closed jaszpol closed 4 years ago

jaszpol commented 4 years ago

Hi i have a little problem with product box height on mobile devices. I have a productcomments module active and title price and product ratting need more space.

I now code like this will help:

@media only screen and (max-width: 400px) {
.product-miniature .card-body{
   height: 165px !important;
}
}

But i don't now where put it to be works :/ I want to change size of product box to 165px. Pleas let me know if you now how to do it.

image

Hlavtox commented 4 years ago

@jaszpol Do not ever set defined heights of elements. You do not know what will be inside. There could be a problem with fonts that do not load and the text will overflow outside. Send me the URL of the page and I will have a look on it.

jaszpol commented 4 years ago

https://www.sklep.gameskingdom.pl

Hlavtox commented 4 years ago

@jaszpol Legal compliance CSS is fucking with it.

Add this to your custom.css file: 

body.tax-display-enabled #products .product-description, body.tax-display-enabled .featured-products .product-description, body.tax-display-enabled .product-accessories .product-description {
    height: auto;
}
jaszpol commented 4 years ago

it's works thank you :))