Hide Section From Mobile On Shopify Store

to hide any section from mobile you can do it easily with this trick follow those steps :

1- Go to the online store > Theme >Edit Code

change menu on shopfiy store

2- Assets >base. css

add CSS code to shopify store

3 – Add code at the bottom.

@media screen and (max-width:749px){
    display: none;    visibility: hidden;}

change this to your section id you want to change #shopify-section-template–15701762998467__7a98d4cb-9e18-4394-8c8d-88719a04ea9c

How To Find Section Id :

Most browsers come with an inspector tool built in that allows you to view a specific element within the webpage’s HTML. If you have a browser such as Chrome, Firefox, or Safari, Inspect element is available from the context menu when you right-click on the webpage (shown here in Chrome).


To find the HTML ID or Name for a specific element you can:

  1. Right-click on the element.
  2. Click on Inspect within the popup menu.
  3. A preview window will popup highlighting the webpage’s HTML. There you’ll be able to find the HTML ID or Name for that element.
find element id on shopify theme

And click Save now you’re ready to see the results btw some theme even if you hide the section will not  work

Leave a Comment