Header slider not working on cell phone


#1

Hi there,

Love your theme!

My page is www.majolting.dk
In the Header Slider I have a picture and some text which works great on a computer, but It doesn’t fit itself to a cell phone. The sides are cut off. Is there anything I can do, so that the picture ind the Slider also works on a cell phone?

Thanks,
Maj


#2

Dar Maj,

Thank you for reaching out to us here.

Please refer to this thread which might help you.

You should do code adjustment as we updated the main slider markup a couple of months ago. Please see this code:


@media only screen and (max-width: 900px){
  #slideshow{
    height: 400px !important;
  }
}

@media only screen and (max-width: 600px){
  #slideshow{
    height: 210px !important;
  }

  .text-slider-section{
    top: 40%;
  }
  
}

#slideshow .slides-container .slide-item{
  background-position: top center;
  background-size: 100%;
}


Replace .text-slider-section with .slide-inner.

Regards,
Kharis


#3

Thank you so much, Kharis.

It works perfectly!

Kind Regards,
Maj


#4

No problem. Just go easy on it.

I am marking this thread as resolved. Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis