Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #760243

    I am using 4 columns in a color section. When I look at it on mobile, the columns are still side by side, when they should be stacked in 1 column. I have even tried to deactivate all plugins and update from 3.9 to 4.0 and the problem still persists. Any idea? thanks

    #760244

    Hey simonttz,

    Can you provide a link to the admin so we can see your page configuration.

    Best regards,
    Jordan Shannon

    #760335

    Details given

    #760339

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 767px) {
    .flex_column { width: 100% !important; margin-left: 0 !important; }}
    

    Best regards,
    Yigit

    #760354

    that worked perfectly, thanks

    any idea what was causing this issue?

    I like to learn :)

    #760465

    Hi,

    There seems to just be a simple CSS glitch. The columns generally should be 100% on mobile as to always ensure that they occupy the entire width of the parent container.

    Best regards,
    Jordan Shannon

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.