Solved

Text alignment on mobile

maaferreirac
New Member
5 0 1

Hi there,

 

I had to make some adjustments on this page so the text and the image are left aligned on desktop, however, now the text is not aligned on mobile.

Is there a way to fix that?

https://www.manukapharm.co.nz/pages/your-daily-spoonful

 

YOUR Daily Spoonful Page Mobile.jpg

 

Thank you,

Marina

Accepted Solution (1)

HDL-Shin
Shopify Partner
80 20 12

This is an accepted solution.

Hi @maaferreirac ,

You can try this code by following these steps:

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

HDLShin_0-1715645454899.png

 

Step 2: Search file base.css or theme.css 

HDLShin_1-1715645460052.png

 

Step 3: Insert the below code at the bottom of the file -> Save

@media only screen and (max-width: 600px) {
	.container .rte > div {
    		padding-left: 5px !important;
	}
}

Here is result: 

HDLShin_2-1715645520725.png

Hope this can help you

Kind regards,

HDL-Shin

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
♥️♥️♥️ HDL-Shin || Shopify Partner ♥️♥️♥️

View solution in original post

Replies 2 (2)

HDL-Shin
Shopify Partner
80 20 12

This is an accepted solution.

Hi @maaferreirac ,

You can try this code by following these steps:

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

HDLShin_0-1715645454899.png

 

Step 2: Search file base.css or theme.css 

HDLShin_1-1715645460052.png

 

Step 3: Insert the below code at the bottom of the file -> Save

@media only screen and (max-width: 600px) {
	.container .rte > div {
    		padding-left: 5px !important;
	}
}

Here is result: 

HDLShin_2-1715645520725.png

Hope this can help you

Kind regards,

HDL-Shin

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
♥️♥️♥️ HDL-Shin || Shopify Partner ♥️♥️♥️
maaferreirac
New Member
5 0 1


That worked! Thank you so much 🙂