Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 22, 2024 at 3:10 pm #1431681
    frb1

    Hi,

    The content in my columns aligns to top, and are not middle aligning horizontally when the mobile break stacks my columns? Is this due to wrong setting or? I need my text and graphic content to always be middle positioned in the columns, also on mobile, so it does not stick to the top in a column with a background image. Can you help me with this issue?

    January 24, 2024 at 12:44 am #1431830
    Nikko

    Hi frb1,

    Please try to add this CSS code in Enfold > General Styling > Quick CSS:

    @media only screen and (max-width:767px) {
  .responsive #top .flex_column_table_cell {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

    Hope it helps.

    Best regards,
    Nikko

    January 25, 2024 at 9:38 am #1431983
    frb1

    Hi Nikko,

    Thanks a lot Nikko, that worked. Except now all content in columns below 767px are middle aligned, right? I guess have have to work with that in the design.

    Best,
    Frederik

    January 25, 2024 at 12:17 pm #1432002
    Nikko

    Hi Frederik,

    Yes, you are correct, however if you want to limit it to certain areas, you can add/put center-box to Custom CSS Class in the Color Section (all color sections that needs the columns inside it to be centered) located in Advanced > Developer Settings.
    Then replace the code I gave you to:

    @media only screen and (max-width:767px) {
  .responsive #top .center-box .flex_column_table_cell {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

    Best regards,
    Nikko

    January 29, 2024 at 3:23 pm #1432397
    frb1

    Thanks Nikko,
    I’ll consider that! :)

    Best,
    Frederik

    January 29, 2024 at 7:48 pm #1432417
    Rikard

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    January 30, 2024 at 9:10 am #1432464
    frb1

    Hi Rikard,

    Thnks! You can go ahead and close it.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Middle aligning content in Columns when stacked on mobile?’ is closed to new replies.