Debut theme Button label & Heading in Slide

Solved
Highlighted
Tourist
7 0 0

I need to get button label & Heading into slide show in mobile view

Capture.PNG

Also in need to transparent the shop now button

0 Likes
Highlighted
Shopify Partner
798 124 405

please share page url

0 Likes
Highlighted
Tourist
7 0 0
Url; sportz.store
0 Likes
Highlighted
Shopify Partner
798 124 405
Please wait till morning.
1 Like
Highlighted
Shopify Partner
798 124 405

-put below code at the bottom of file: theme.scss.liquid.

-file path: online store->themes->action->edit code->assets->theme.scss.liquid

@media only screen and (max-width:749px){
	.slideshow__text-wrap--mobile{
	    top:0 !important;
	    background-color: transparent !important;
	}
}

-Above code will make the background of label & button transprent.
- to put button and label in the slider-image,it requires to custom change of html. But it will cover your whole screen of slider-image in mobile.

-please like and mark as accepted solution.
Thank you

1 Like
Highlighted
Tourist
7 0 0

Nothing Happened.Still Same

0 Likes
Highlighted
Shopify Partner
798 124 405

@hesh9n wrote:

Nothing Happened.Still Same


this is because you have not put code at the bottom of file theme.scss.liquid
path: online store->theme->action->edit code->assets->theme.scss.liquid

0 Likes
Highlighted
Tourist
7 0 0

No, i added
Capture 2.PNG

but still same 

Capture 3.PNG

0 Likes
Highlighted
Shopify Partner
798 124 405

This is an accepted solution.

-ok replace this code with last one.

@media only screen and (max-width: 749px){
  .slideshow__text-wrap--mobile {
      top: -200px !important;
      background-color: transparent !important;
  }
.slideshow__btn--mobile{
   background-color: transparent !important;
}
.slideshow__title--mobile{
  color:white !important;
}  
}
1 Like
Highlighted
Tourist
7 0 0

Thank You Very Much. but there is a space below the slide . how to remove that
Capture.PNG

0 Likes