How do I make the text "You may also like" in the middle, in mobile view?

[OneCap]

My website: www.onecap.se

[Abdosamer]

@OneCap , go to styles.css and search for this piece of code :

.hometitle {
    text-align: left !important;
}

Change left to center.
Result:

[OneCap]

Ah, it’s not working…

[Abdosamer]

@OneCap , you didn’t change left to center in that piece of code.

[OneCap]

Oh my bad!! Yes now its working. THANK you brother. Do you also know about how to fix the images size?

[Abdosamer]

@OneCap , Sure, Go to styles.css and add the following code :

.rimage-wrapper .rimage__image.cover {
    object-fit: contain !important;
}

[OneCap]

Now the images seems very wierd and also the text “trending” has moved to the middle. Could you maybe fix this please?

[Abdosamer]

@OneCap , Add this code to move the “You may also like”:

div#shopify-section-template--18942650122585__recommendations .hometitle {
    text-align: center !important;
}

And what is weird about the images?, it is not cut off as before:

[OneCap]

I removed the code but ill add it now again for you to check

[PageFly-Oliver]

Hi @OneCap ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly