How to hide a section on my homepage for mobile visitors?

New Member
1 0 0

Hi there the site I'm working on is I've added an 'image with text overlay' section below the hero slideshow banner. It looks great for desktop but because the image has text on it - it isn't a good fit for the mobile responsive ratios. 

a) How do I identify the name in the code for this section of my theme? 

b) How can I hide it for mobile in my theme.css code. My theme does not have the theme.scss.liquid I have seen in other solutions, merely the theme.css therefore after reviewing other solutions I'm left confused and still without a solution. 

Please help if anybody reads this, I am at a loss with my attempts to fix on my own.

Shopify Partner
1306 269 361

This is an accepted solution.

Hello @JL92,

Add this css in theme.css 

@media only screen and (max-width: 600px) {
#shopify-section-16183907616682f9e5 {
    display: none;



Want to modify or custom changes on store hire me.
Email:, Skype: navrocks1
If helpful then please Like and Accept Solution.