Tagged: , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 13, 2017 at 9:03 pm #760243
    simonttz

    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

    March 13, 2017 at 9:06 pm #760244
    Jordan Shannon

    Hey simonttz,

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

    Best regards,
    Jordan Shannon

    March 13, 2017 at 11:51 pm #760335
    simonttz

    Details given

    March 13, 2017 at 11:52 pm #760339
    Yigit

    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

    March 14, 2017 at 12:14 am #760354
    simonttz

    that worked perfectly, thanks

    any idea what was causing this issue?

    I like to learn :)

    March 14, 2017 at 7:09 am #760465
    Jordan Shannon

    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

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