I have a conatiner with a 2/3 slider with a 1/3 icon box on my homepage. It looks great on Desktop, ipad portrait, and mobile with responsive breakpoints. But I would like the ipad landscape to display the columns stacked as they do the remainder of mobile. How do I achieve this?
Hey Beth,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 1024px) {
.responsive #top #wrap_all #av_section_2 .flex_column.av-break-at-tablet,
.responsive #top #wrap_all #av_section_2 .av-break-at-tablet .flex_cell {
margin: 0;
width: 100%;
display: block;
}
#top #av_section_2 .flex_column_table {
display: block;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Thank you. I verified this worked, but when doing so noticed the burger menu is not showing up on ipad landscape mobile.
I also checked this on https://responsivedesignchecker.com/ and the menu is not showing up for laptop 1024 screens either.
Hi cinchmedia,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width: 780px) and (max-width: 1025px){
#top #header .main_menu {
transform: none;
left: 50%;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
That did not work in quick css or adding it to my custom.css