Impulse theme - remove all text from Hero Slideshow on mobile view only

Store Design

Topic summary

A user seeks to hide hero slideshow text on mobile devices while keeping it visible on desktop in the Impulse Shopify theme. The text appears cluttered on mobile screens.

Solution provided:

  • Add CSS media query targeting screens up to 768px width
  • Code should set .hero__text-wrap to display: none
  • Must be placed in theme.css.liquid file under Assets folder

Implementation challenges:

  • Initial confusion about file location (base.css vs theme.css.liquid)
  • User mistakenly wrapped CSS in <style> tags when adding to theme.css.liquid
  • After clarification to use CSS without style tags in the correct file, the solution worked

Resolution: Issue resolved once the CSS was properly added to theme.css.liquid without additional markup tags.

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I am hoping someone can help. I would like to remove all the text from the slideshow only - see screenshot. It looks very clumsy on mobile but works well with the desktop view

www.studionellcote.com

Thank you in advance!

Karen

Screenshot (909).png
Screenshot (909).png597×1184 194 KB

1 Like
2

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code at the bottom:

@media screen and (max-width: 768px) {
  .hero__text-wrap {
    display: none;
  }
}
3

Thank you so much for your reply. Would I find the base.css file in the theme.liquid? Sorry, having trouble locating it

4

You can find it under Asets

5

Hi Guleria,

It is not there, see screenshot. I tried theme.css.liquid but that did not work

Screenshot (910).png
Screenshot (910).png2491×1384 239 KB

6

If you want to use it in theme.liquid then use it with style tag.
like this
7

Unfortunately, that did not work? Should I try something else? Thank you so much for your help

Screenshot (911).png
Screenshot (911).png891×1195 104 KB

8

I don’t find the code I provide in the source code.
make sure you added the code correctly and save it.

9

Please see the screenshot. Did I put it in the wrong place? I appreciate your help!

Screenshot (912).png
Screenshot (912).png2497×1465 292 KB

10

Not sure what you are doing. A/to the source code you use the css without the style tag.

css-without-tag.png
css-without-tag.png1019×842 45.9 KB

11

Sorry I am confused, what you attached is not my screenshot, there is no script tag in mine? Where do I add it in mine?

12

I had put it in theme.css.liquid not theme.liquid. That now works. Thank you!