removing header text on mobile view only. Simple Theme

Solved
Ellikumo
Excursionist
24 0 4

I have a rich text which appears on my home page. It looks good on desktop view but I'd like to remove it on mobile view. How can I do this?

0 Likes
dmwwebartisan
Shopify Partner
4410 986 1260

@Ellikumo 

Please share your website URL and password if any. I will check and provide a solution here.

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
Ellikumo
Excursionist
24 0 4

Great thanks. Website url is ellikumo.com.au

It's the homepage in question. 

dmwwebartisan
Shopify Partner
4410 986 1260

@Ellikumo 

Do you want to remove this from mobile?

Let me know.

remove-text-from-mobile.png

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
dmwwebartisan
Shopify Partner
4410 986 1260

This is an accepted solution.

@Ellikumo 

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

@media only screen and (max-width: 749px){
div#shopify-section-featured-content { display: none; }
}

 

Hope this helps.

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
Ellikumo
Excursionist
24 0 4

That worked. 

 

Thankyou!!