- Priority: 0
- Status: Closed
- Theme: Alysum
-
Assigned To:
Alex
Marek
Kate Support
- Private: No
- Open Date: 25.03.16, 17:02
- Opened by: Alex
- 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
Marek fix
https://support.promokit.eu/index.php?do=details&task_id=9389#comment48340