We are having an issue with a few promo boxes in portrait view for iPad where the box gets really squeezed together. Is there a css solution to have the button wrap under the text for this screen size?
Hey wordsatworkmn!
Try adding this to your custom CSS.
@media screen and (max-width: 990px) {
.avia-button-right {
display: block;
float: none !important;
clear: both;
position: relative;
margin-top: 50px;
}
.av_promobox .avia-button {
right: auto;
top: auto !important;
position: relative;
z-index: 2;
display: block !important;
float: none !important;
}
.avia-promocontent {
margin-right: 0px !important;
position: relative;
z-index: 3;
display: block !important;
float: none !important;
}
}
Best regards,
Elliott