Solved

Hide a Shopify Section on Impact theme on Desktop Resolution

Superluxe
Tourist
9 0 3

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?

 

 

Accepted Solution (1)

xtrend
Explorer
69 25 6

This is an 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

Screenshot 2024-02-20 at 10-18-36 SCREEN PRINT PRICING.png

View solution in original post

Replies 2 (2)

xtrend
Explorer
69 25 6

This is an 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

Screenshot 2024-02-20 at 10-18-36 SCREEN PRINT PRICING.png

Superluxe
Tourist
9 0 3

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