Website view for phone - text partially obscured

Solved
Hedonic
New Member
2 0 2

Hi there,

 

When this page of my website is viewed on a phone: https://www.hedoniccoffee.com.au/pages/coffee-at-work 

The text is obscured from view, it does not align properly. Theme is Minimal -it's a using feature-row section in the page, this is where the text is visible on a computer but not completely on phone.

How can I fix this?

dmwwebartisan
Shopify Partner
4446 1000 1274

This is an accepted solution.

@Hedonic 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media screen and (max-width: 768px){
.feature-row__text { margin-left: 30px; }
}

 

Hope this works,

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Hedonic
New Member
2 0 2

Thanks for your help

That worked! Much appreciated 

dmwwebartisan
Shopify Partner
4446 1000 1274

@Hedonic 

Are you sure? It looks fine to me.

text-looks-good.jpg

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes