-
AuthorPosts
-
January 27, 2021 at 5:16 pm #1275834
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?
January 28, 2021 at 8:45 pm #1276116Hey 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,
VictoriaJanuary 28, 2021 at 8:52 pm #1276120Thank you. I verified this worked, but when doing so noticed the burger menu is not showing up on ipad landscape mobile.
January 28, 2021 at 8:59 pm #1276128I also checked this on https://responsivedesignchecker.com/ and the menu is not showing up for laptop 1024 screens either.
January 28, 2021 at 10:03 pm #1276172Hi 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,
VictoriaJanuary 28, 2021 at 10:33 pm #1276180That did not work in quick css or adding it to my custom.css
February 3, 2021 at 1:47 pm #1277352 -
AuthorPosts
- You must be logged in to reply to this topic.
