How can I make a rich text box visible only on mobile?

Store Design
1

How to make this rich text box only visible in mobile?

Thank you

Store : zialor.com

password : zialor

ZIALOR (1).png
ZIALOR (1).png1279Ă—251 5.09 KB

2

Hi @abhi14

Add the following code at the end of your theme.css file:

/*Hides Review Section from the Homepage on Desktop*/
@media only screen and (min-width:749px)
{
div#shopify-section-template--15726911095042__rich-text {
    display: none;
}
}

Should that help answer your query, we always appreciate liking & marking an as answer to let the community find quality solutions faster. Thanks!

3

Thanks for the reply! but it’s not working…

4

Try this perhaps:

/*Hides Review Section from the Homepage on Desktop*/
@media only screen and (min-width:749px)
{
div#shopify-section-template--15726911095042__rich-text {
    display: none!important;
}
}

This is is section on the homepage right under the slider isn’t it?

5

Still no working, can you check it out?

link : zialor.com

password : zialor

ZIALOR _ Edit _ Copy Of Main _ Shopify.png
ZIALOR _ Edit _ Copy Of Main _ Shopify.png1280Ă—913 83.6 KB

6

Can you show me the end of your theme.css file?

7

Thanks i didn’t know how to get there?

8

Go to Online Store (Left Side Of the Screen) → Actions (Right Side of the screen) → Edit Code

Look for theme.css , scroll all the way down and paste the code. Make sure it doesn’t overwrite anything.

9

Please i reall need the direction

10

Please where can i get theme.css file?

11

Please yes

12

Online store > themes > action > edit code > search - theme.css

13

Ok, let my me login