Hi Martin,
The cropped drop down box issue has been fixed while ago, and added to Asymmetric v1.2
The issue might be stilling continuing in the demo (
demo.flexiblewebdesign.com/asymmetric/) But it is because the DEMO is still using the old Asymmetric version.
If you want to fix it without updating the Asymmetric, open this CSS file:
/templates/flexible_asymmetric/css/extensions.css
find these lines:
.effect12 .figcaption {
height: 100px;
width: 100%;
top: auto;
bottom: 0;
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
transition: transform 0.4s, opacity 0.1s 0.3s;
}
and replace them with these:
.effect12 .figcaption {
height: 100px;
width: 100%;
top: auto;
bottom: 0;
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
/* -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden; */
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
transition: transform 0.4s, opacity 0.1s 0.3s;
}
The "crop" issue will be gone in Chrome Browser.
Regards,
support