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 change menu on shopfiy store](https://blog.cleverapps.us/wp-content/uploads/2022/10/Screenshot-2022-10-12-at-12.19.07-1024x260.png)
2- Assets >base. css
![add CSS code to shopify store](https://blog.cleverapps.us/wp-content/uploads/2022/10/Screenshot-2022-10-12-at-12.25.16-1024x445.png)
3 – Add code at the bottom.
@media screen and (max-width:749px){
#shopify-section-template--15701762998467__7a98d4cb-9e18-4394-8c8d-88719a04ea9c{
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).
![image_5.png](https://support.demandbase.com/hc/article_attachments/360023746232/image_5.png)
To find the HTML ID or Name for a specific element you can:
- Right-click on the element.
- Click on Inspect within the popup menu.
- 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](https://support.demandbase.com/hc/article_attachments/360023746252/image_6.png)
And click Save now you’re ready to see the results btw some theme even if you hide the section will not work