Impulse Theme - Hero Slide - hide text on mobile view

Hi,

Using Impulse theme and the Hero (Optional Slideshow) block on home page.

I only have one slide, and am not using sub-heading or heading, but would like to use text. However, when viewed on mobile it is behind the menu. - Screenshots below

Am I able to hide the text from mobile view? Would appreciate any help please.

Thanks :slightly_smiling_face:

Hey @BonzaDogTreats

Can you please add the subheading text in your website and save it so that I can tell you the code to hide to sub-heading for mobile only?

Best Regards,

Moeed

Hi @BonzaDogTreats

Could you share your store URL?

Hi

I’m not using the sub-heading field, I’m using the text field.

Can you tell me the code without me adding it to the live website please, I’d rather it wasn’t showing while it isn’t displaying correctly.

www.bonzadogtreats.com.au

Hey @BonzaDogTreats

You need to add the text field on the website because without that I won’t be able to provide you the code

Hello @BonzaDogTreats

Slide show text is not display desktop and mobile device.

You can move that text and your button to bottom left of your banner from Online store > Themes > Customize

Done

Yes that’s true, but then the text would be completely over my image on mobile. I would prefer the mobile view didn’t have the text, there isn’t room for it.

Hey @BonzaDogTreats

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

Got it. So you want to hide that text on mobile device. Please add this CSS Code at the bottom of your theme.css file

@media screen and (max-width: 600px) {
.slideshow-wrapper .hero__subtitle { display: none !important; }
}

Thank you - I don’t have a tag. It didn’t work with the tags included, but adding the code without those did work.

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

That worked perfectly, thank you. I’d also like to outline the button on the hero slide with a white border, so that it stands out against the background image - is that possible please?