Responsiveness issues

Hey!

Try this code instead:

@media only screen and (min-width: 768px) {
div#full_slider_1 {
min-height: 300px !important;
}
.avia-slideshow li img {
min-height: 300px;
}}

Regards,
Andy

Hey!

did you clear browser cache and hard refresh a few times? Are you using any caching (plugin)?

Cheers!
Andy

sorry, there was a little typo in the code. I already changed it in your Quick CSS, please review your slider now.

@media only screen and (max-width: 768px) {
div#full_slider_1 {
min-height: 300px !important;
}
.avia-slideshow li img {
min-height: 300px;
}}

Regards,
Andy

Hey!

adjust my code for landscape mode, to something like this:

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
div#full_slider_1 {
min-height: 300px !important;
}
.avia-slideshow li img {
min-height: 300px;
}}

Best regards,
Andy

Hi!

hm what do you mean? did you replace my last code with the first one? don’t replace it, instead use both codes. If it does not work use the code for landscape and this one (for portrait) as well:

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (orientation: portrait) { 
div#full_slider_1 {
min-height: 300px !important;
}
.avia-slideshow li img {
min-height: 300px;
}}

Regards,
Andy

Hi!

I removed the landscape code cause it’s not necessary and implemented this code into your Quick CSS field instead:

@media only screen and (max-width: 768px) {
div#full_slider_1 {
min-height: 300px !important;
}
.avia-slideshow li img {
min-height: 300px;
}
.caption_bottom .slideshow_caption .slideshow_inner_caption .slideshow_align_caption {
padding: 0px 0px;
}}

Please review your website now.

Cheers!
Andy