How do I make the You May Also Like the same size as the Testimonials On Mobile Version of my Site?

[Simon159]

https://charmente.com/products/v-back-flared-jumpsuit

Hello, for some reason on the mobile version of my website the “You May Also Like” is a different size than the “Testimonials” is. How do I fix this?

[system]

Hi @Simon159 ,

Here is how you can do it

• open theme code
• open file called ‘’ section-related-products.css"
• find this code:

.related-products__heading {
    text-align: center !important;
}

Then add another css properterty font-size: 26px; and save
the file change will look like this:

.related-products__heading {
    text-align: center !important;
    font-size: 26px;
}

Thank you.

[BSS-Commerce]

Hi @Simon159 ,

You can follow these steps:

Go to Themes → Edit Code.

Find the file alr-2254.min.css . Add the following CSS snippet to the end of the file:

Add the following CSS:

@media screen and (max-width: 749px) {
    .alireviews-review-carousel-basic.alireviews-review-carousel-basic-mobile .alr-wh-crs-bs-slider-item {
        flex-basis: calc(50% - 8px) !important;
    }
}

Result:


Hope it works @Simon159