Hiding Rich Text Section on Mobile. Dawn Theme.

[continvin]

Hello

TIA for any help!

I am trying to hide a rich text section on the homepage of my website from the mobile version, using dawn theme.

I have seen another post on this, and the solution did not work.

Any help is appreciated!

[ExpertRookie]

Hi @continvin 
Thank you for your question. 
Please share your store URL, page URL and also password (if your store has one) so we can help you.

[GemPages]

Hello @ShopOwner28

Can you give me your Store URL( with pass if your store password is enabled) so I can check it for you?

Kind & Best regards,
GemPages Support Team

[continvin]

continuousvintage.com TIA!

[KetanKumar]

@continvin 

yes, please try this code go 
1. Go to Online Store->Theme->Edit code
2.theme.liuid >>> before </head> paste below code at the bottom of the file.

{% if template.name == 'index' %}
<style>
@media (max-width: 749px) {
.rich-text {
    display: none;
}
    }
</style>
{% endif %}

[continvin]

@KetanKumar 

Thanks to you and everyone for the responses!

I tried inputting the code as you have shared, which removed the section from the mobile view, but now the code is in place.  Screenshot attached,

I don't have much knowledge on code, is there something I am forgetting to do, or doing wrong that is causing this?

[KetanKumar]

@continvin 

oh sorry for your have add wrong place code can you please show me where did you added this code

[muzzamazza]

Thanks, this was exactly what i was looking for and worked like a charm! 🙂

[PageFly-Victor]

Hi @continvin ,

This is Victor from PageFly - Landing Page Builder App.

You can try this code by following these steps:
Go to Online store => themes => actions => edit code  and add this code on file base.css

.card__badge{
display: none !important;
}

Hope this answer helps.
Best regards,
Victor | PageFly

[ZestardTech]

Hello there,

1. In your Shopify Admin go to online store > themes > actions > edit code

2. Find Layout > theme.liquid and paste this at the bottom of the file:

{% if template.name == 'index' %}
<style>
	@media (max-width: 749px) {
	.isolate {
	    display: none;
	}
}
</style>
{% endif %}