Hi,
I need to change the Fullwidth Break Point, the point when the columns in a row will switch to fullwidth at a special screen width. I can edit the this in the options for any row for sure. There are two options, one for a screen width of 989px an the other of 767px.
I need to change this breakpoint for a screen width of 1400px an lower. Can you help me with this issue please?
Thank you in advance!
Best regards
Focke
Hey kreazwo,
Credentials did not work for me. Could you please update the credentials?
Could you please attach a mockup of what you’re trying to achieve?
Best regards,
Victoria
Hey and thanks for your reply!
I’m trying to achieve, that the rows (as I explained in the first comment) change to fullwidth (like mobile view) at 1400py an lower and not at 989px. An sorry I changed the credentials :)
Best regards
Focke
Hey and thanks for your reply!
I’m trying to achieve, that the rows (as I explained in the first comment) change to fullwidth (like mobile view) at 1400py an lower and not at 989px. An sorry I changed the credentials :)
Best regards
Focke
Hi,
This css code should do the trick – you can add it to the quick css field or child theme style.css:
@media only screen and (max-width: 1400px){
.responsive #top #wrap_all .av-break-at-tablet-flextable, .responsive .av-layout-grid-container.av-break-at-tablet {
display: block;
}
.responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell {
margin: 0;
margin-bottom: 20px;
width: 100%;
display: block;
}
}
Best regards,
Dude
Thanks a lot, that works perfectly!
Best regards
Focke
Hi,
I’m glad you were able to get this resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon