Hi there,
i found a solution to realize that 1/3 – 2/3 layout with grid your element (follow link in priv. content)
a long as the text won´t resize proper and disturbs that general layout starting @1318px (move out text grid element on button)
i have to adopt the breakpoint -> “switch to tablet layout with elements sorting one below other” happening @1318px.
can you please guide me or give a quick hint?
thx a lot!
Hey wienerpresswerk,
That happens because you have following custom CSS code
@media (max-width: 979px) and (min-width: 768px) {
div.avia_textblock p {
color: rgb(71, 71, 71) !important;
font-size: 16px !important;
line-height: 20px !important;
text-align: justify !important;
vertical-align: top !important;
padding-top: 0 !important;
padding-right: 0 !important;
padding-bottom: 0 !important;
padding-left: 0 !important;
margin-top: 5px !important;
margin-right: 15px !important;
margin-bottom: -15px !important;
margin-left: -5px !important;
}}
Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and edit your element to give it a custom class and then change your code to following one
@media (max-width: 979px) and (min-width: 768px) {
.your-custom-class p {
color: rgb(71, 71, 71) !important;
font-size: 16px !important;
line-height: 20px !important;
text-align: justify !important;
vertical-align: top !important;
padding-top: 0 !important;
padding-right: 0 !important;
padding-bottom: 0 !important;
padding-left: 0 !important;
margin-top: 5px !important;
margin-right: 15px !important;
margin-bottom: -15px !important;
margin-left: -5px !important;
}}
Best regards,
Yigit