• Closed by: Marek
  • Closed on: 09.06.17, 23:42
  • Reason: Closed
  • Comment: Glad to help!

Ticket #9391 - al4.5 Layered slider cuts image with big dimensions

If image bigger than screen it cuts. img attached.
Solution:
CustomCSS

/* layered slider image width fix */
#layered > ul > li .mainImg {max-width:100%; left: inherit;}
#layered li.animate-in .mainImg {margin-left: 0;}
@media (min-width:1200px) {
#layered ul .page_width, #layered-theme #layered {height:349px !important}
}

@media (max-width:1199px) and (min-width:980px) {
#layered ul .page_width, #layered-theme #layered {height:281px !important}
}

@media (max-width:979px) and (min-width:728px) {
  #layered ul .page_width, #layered-theme #layered {height:217px !important}
  #layered > ul > li .mainImg {max-width:135%;}
}

@media (max-width:727px) and (min-width:480px) {
  #layered > ul > li .mainImg {max-width:215% !important;}
  #layered ul .page_width, #layered-theme #layered {height:186px !important}
}

@media (max-width:479px) {
  #layered > ul > li .mainImg {max-width:335% !important;}
  #layered ul .page_width, #layered-theme #layered {height:105px !important}
}

But after this fix slide effect changes, so maybe better find some other fix

Comments