Hiding Rich Text Section on Mobile. Dawn Theme.

Hiding Rich Text Section on Mobile. Dawn Theme.

continvin
Tourist
4 0 2

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!

Replies 9 (9)

ExpertRookie
Shopify Partner
1518 249 322

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.

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.

GemPages
Shopify Partner
5625 1262 1251

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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
continvin
Tourist
4 0 2

continuousvintage.com TIA!

KetanKumar
Shopify Partner
37143 3648 12063

@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 %}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
continvin
Tourist
4 0 2

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

 

richtextcode.png

KetanKumar
Shopify Partner
37143 3648 12063

@continvin 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
muzzamazza
Excursionist
16 1 0

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

PageFly-Victor
Shopify Partner
7865 1786 3109

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
Shopify Partner
5833 1058 1396

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 %}

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing