Custom css hide on desktop

2 0 1



Does anyone know how I can hide specific sections on desktop but not on mobile? 




Reply 1 (1)

316 96 138

Hello @april26 

This is Amelia at PageFly - Shopify Advanced Page Builder app.


You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css or theme.css

Step 3: Add code

@media (min-width: 768px) {
#yoursection { /* You must change the value of yoursection to the value you want */
   display: none !important;


Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.

Optimize your store’s mobile shopping experience with the Blum theme.