Hide a Shopify Section on Impact theme on Desktop Resolution

[Superluxe]

Hello,

My website is https://superluxemerch.com/pages/pricing. I have created a table that hides columns on mobile screen resolutions on this page.  I have a scrolling text section instructs users to rotate their phone to view the full pricing grid but I only want this section to show at a screen size that makes sense.  I don't want to display this scrolling text on the desktop resolution.  Is there a coding solution that doesn't require a third-party application?

[xtrend · Accepted solution]

go to your store > theme > customize > theme settings > custom css or theme base.css or your pricing css file if you have any

@media (min-width:768px) {

section#shopify-section-template--22060572180798__scrolling_text_Jdrhtj {

display: none !important;

}

}

it will only hide this section on desktop

[Superluxe]

Thank you!!! That worked like a charm.  Well done!

[DylanRyan]

That's awsome worked for me as well, what should I do if I want to hide it only on mobile?