Home › Forums › Basel support forum › On Mobile al products are skewed and not inline

On Mobile al products are skewed and not inline

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 13, 2020 at 4:22 pm #179839

    MartijnHirank
    Participant

    Hey my website is almost done but as you can see on mobile at the product pages (https://milamoon.hirank.nl/shop/) the products are skewed and not right in line like in the demo.

    March 14, 2020 at 8:57 am #179907

    Elise Noromit
    Member

    Hello,

    This is caused by the swatches: some products have the swatches and other do not https://prnt.sc/rg6pqx

    I can set the min-height for all the grid items with CSS and the result will be like this: https://gyazo.com/9ac57ce1ca9070581c07bea512c097cd

    If it is good for you, add this code to the Theme Settings > Custom CSS > Mobile: 

    body .products .product-grid-item {
    height: 400px!important;
}

    Best Regards

    March 15, 2020 at 2:50 am #180015

    MartijnHirank
    Participant

    Hey

    Thank you so much for this solution

    Very good support

    Kind regards
    Martijn

    March 15, 2020 at 9:05 am #180027

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘On Mobile al products are skewed and not inline’ is closed to new replies.