Mobile portrait view cuts the slider images


#1

Hi! and thank you for your amazing theme. I need help with the slider on home page, seem to be so big for mobile view, and I need to show all the image cause I made pictures with text inside, is there a way to fin this? Thanks for your time


#2

this is the site

site


#3

Hello there,

Thank you for asking.

In order to achieve that objective, could you please try to add the following CSS code through the Simple Custom CSS plugin?

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

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

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

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

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


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

You should need to adjust the height value for each viewport width accordingly.

I hope this reply helps.

Regards,
Kharis


#4

Thank you Kharis!! Wonderful theme, and amazing support!! Topic Resolved, thank you very much!!


#5

Hello there,

Thank you for updating me.

You’re welcome! I am glad to hear that the code worked for you.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

If you don’t mind, could you please rate our Sydney theme here? We would highly appreciate it if you do so.

Regards,
Kharis