How can I hide the hero banner on mobile using Boost template?

Store Design
1

Hi,

I am using the Boost template and can’t get the hero banner to look good on mobile and tablet. Is there a string of code I can use that would hide the hero banner on my home page so I can use something else for mobile view? Thanks.

2

Hi,

With the help of CSS and media attribute, you can achieve that.
Write this code in css file or code

@media only screen and (max-width: 600px) {
.banner{
display:none;
}
}

3

Hello @marieorginals ,

It’s GemPages support team and glad to support you today.

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

4

Thank you! The link to our website is: https://marieoriginals.com/