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

OneCap
Trailblazer
246 0 35

My website: www.onecap.se 

 

Skärmavbild 2024-01-07 kl. 19.21.20.png

Replies 9 (9)

Abdosamer
Shopify Partner
820 146 161

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

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

Change left to center.
Result:

Abdosamer_0-1704652337462.png

 

 

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio
OneCap
Trailblazer
246 0 35

Ah, it's not working...

Abdosamer
Shopify Partner
820 146 161

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

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio
OneCap
Trailblazer
246 0 35

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

Abdosamer
Shopify Partner
820 146 161

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

.rimage-wrapper .rimage__image.cover {
    object-fit: contain !important;
}
Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio
OneCap
Trailblazer
246 0 35

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

Abdosamer
Shopify Partner
820 146 161

@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:

Abdosamer_0-1704661820449.png

 



 

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio
OneCap
Trailblazer
246 0 35

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

PageFly-Oliver
Globetrotter
695 136 129

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

 

 

 

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

 

 

 

 

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

 

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.