problem here! mobile slideshow no opacity

Not applicable
1394 0 0


My shopify website looks great in desktop mode. But when I switch to the mobile site there is no opacity shown. Additonally it would be great if I could change the ratio of the slideshow pictures to 16:9. And there are some outlines around the arrows of the slideshow, which I want to remove. Could somone help me to get through the css? 


Thanks so much for your help!


Perhaps this might help someone:

  • I already deleted the main outline around the slideshow with
.index-section.slideshow-section:focus {
    outline: none;
  • got the text back on my slideshow (mobile)
@media screen and (max-width: 768px){
.index-section.slideshow-section{position: relative;}
	position: absolute;
    top: 45%;
    font-size: 10px;
	color: #fff;
.slides__title+.slides__btn {
    margin-top: 28px;
    line-height: 20px;
    min-height: 20px !important;


Shopify Partner
216 4 16

Hi, I can make your website completely responsive for each and every device, and if interested so kindly mail me for further discussion. Thanks and Best Regards 

If helpful then please Like and Accept Solution.
Do you need custom changes on the store or want a complete speed optimization? Hire me.
Need a dropshipping expert or wants to alive your dead dropshipping store?
Feel free to contact me at