Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 25, 2023 at 7:51 am #1411596
    bemodesign

    Hi. I have the “Textblock Content Styling” on a lot of my pages, set to “2 Columns”. It looks great on desktop, but not good on mobile. Can you get me CSS code so that all mobile views are “1 column”?

    June 25, 2023 at 11:03 am #1411607
    Rikard

    Hey bemodesign,

    Could you post a link to where we can see the elements in question please?

    Best regards,
    Rikard

    June 25, 2023 at 8:56 pm #1411651
    bemodesign

    The 3rd section down has 2 columns.

    June 25, 2023 at 9:33 pm #1411654
    Mike

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) { 
#top .av_textblock_section .avia_textblock.av_multi_colums {
	-webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    June 26, 2023 at 1:00 am #1411673
    bemodesign

    still shows 2 columns on mobile.

    June 26, 2023 at 1:53 am #1411676
    Nikko

    Hi bemodesign,

    Please add try to add !important to Mike’s code:

    @media only screen and (max-width: 767px) { 
#top .av_textblock_section .avia_textblock.av_multi_colums {
    -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important;
  }
}

    Hope it helps.

    Best regards,
    Nikko

    June 26, 2023 at 2:25 am #1411678
    bemodesign

    thanks!!!

    June 26, 2023 at 8:06 am #1411696
    Ismael

    Hi,

    No problem! Let us know in a different thread if you have more questions.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Textblock Content Styling on mobile view’ is closed to new replies.