Solved

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

jtsjlj140505
Excursionist
27 1 4

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

Accepted Solution (1)
Developer-G
Shopify Partner
3079 604 859

This is an accepted solution.

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

<style>
@media screen and (max-width: 768px) {
  .hero__text-wrap {
    display: none;
  }
}
</style>
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter

View solution in original post

Replies 11 (11)

Developer-G
Shopify Partner
3079 604 859

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;
  }
}
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter
jtsjlj140505
Excursionist
27 1 4

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

Developer-G
Shopify Partner
3079 604 859

You can find it under Asets

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter
jtsjlj140505
Excursionist
27 1 4

Hi Guleria,

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

Screenshot (910).png

Developer-G
Shopify Partner
3079 604 859

This is an accepted solution.

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

<style>
@media screen and (max-width: 768px) {
  .hero__text-wrap {
    display: none;
  }
}
</style>
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter
jtsjlj140505
Excursionist
27 1 4

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

Screenshot (911).png

Developer-G
Shopify Partner
3079 604 859

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

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter
jtsjlj140505
Excursionist
27 1 4

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

Screenshot (912).png

Developer-G
Shopify Partner
3079 604 859

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

css-without-tag.png

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter
jtsjlj140505
Excursionist
27 1 4

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?

jtsjlj140505
Excursionist
27 1 4

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