Star Rating And Price Alignment Issue in Mobile View

  • Resolved apeironftw

    (@apeironftw)


    3 years, 3 months ago

    Hi all. I’m just new around here so need your help if possible. I’m trying to set up a website. Text, rating, price and quick view button werent aligned due to some product names being longer than others. I manage (I guess) to fix it on PC view but no luck with mobile view so far. Here are a couple ss. https://imgur.com/a/vjUMfTg. Is there any chance you could lend me a hand here? Thanks in advance.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter apeironftw

    (@apeironftw)

    Hi again. I tried many css codes taken from this forum and others on the internet but still not able to fix it. I’ll need to change the theme and start over building a new one. Is there any chance anyone could have a look?

    Thanks.

    Hi @apeironftw!

    Thanks for choosing Neve!

    It’s possible to keep the product name, rating and quick view button aligned when a product name is longer by adding the code below in the Additional CSS section within the Customizer. It will add some extra space in the product name where the text can expand if it is needed, without messing the alignment of the rest of the elements.

    @media(max-width: 1200px){
.product .woocommerce-loop-product__title {
    min-height: 80px !important;
}
}

    Have a nice day!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Star Rating And Price Alignment Issue in Mobile View’ is closed to new replies.

Tags