Re: Brooklyn how delete overley from slideshow only from mobile

Brooklyn how delete overley from slideshow only from mobile

ManouselisJohn
Tourist
13 0 2

Brooklyn how delete overley from slideshow only from mobile

www.designkey.us

Replies 6 (6)

infoatcodelab7
Shopify Partner
593 141 156

@ManouselisJohn 

Please Add this CSS to your css file

@media (max-width:545px){
    .slideshow__overlay:before{
    position: initial; !important
}
}

Thanks!

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com
ManouselisJohn
Tourist
13 0 2

it dont work when i put the code the text come up to the photo and its like it is broken

infoatcodelab7
Shopify Partner
593 141 156

@ManouselisJohn 

text already hidden for mobile version 

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com
ManouselisJohn
Tourist
13 0 2

No text is under photo at mobile version i want it to stay there but i want to delete the overley for mobile version

GavinChan
Shopify Partner
49 4 8

Hi @ManouselisJohn ,

 

You can follow the below steps:

1. Go to Online Theme -> edit code -> Asset -> theme.css
2. add the following CSS code snippet to the end of the file

 

@media (max-width:545px){
  .hero__text-wrap {
    display: none!important;
  }
}

 

PS: please use @ to mention me because I turn off email notifications.

Gavin Chan - Full Stack Web Developer & Shopify Partner
- If helpful then please Like and Accept the Solution
- Want to build a Shopify store, fix Shopify bugs, or speed optimization, Hire Me
- Feel free to contact me on hello@gavinchan.me
GavinChan
Shopify Partner
49 4 8

My mistake. It should be theme.scss.css, not theme.css.

Gavin Chan - Full Stack Web Developer & Shopify Partner
- If helpful then please Like and Accept the Solution
- Want to build a Shopify store, fix Shopify bugs, or speed optimization, Hire Me
- Feel free to contact me on hello@gavinchan.me