Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 23, 2022 at 3:16 pm #1345694
    Sandy

    The Icon List > List Item Content text is too big and cut off on mobile. Also the icons are positioned almost in the horizontal middle of the screen which reduces available space for the text, further exacerbating the problem. The icon text is set to paragraph style.

    I’ve successfully used CSS like this for other text for a similar purpose:
    @media only screen and (max-width: 480px) {
    .homepagebig p { line-height: 45px;
    font-size: 200%!important;
    }}

    Is this a good structure for this issue too? How would this be changed for all website Icon List > List Item Content text?

    —

    Same issue for Content Slider > Slide Content text. It needs to be smaller on mobile.

    March 23, 2022 at 6:37 pm #1345733
    Rikard

    Hey m,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.flex_column.av-wdb09v-b895da206694a6122c65c3828d8bcd97 {
    padding: 0 !important;
}
.iconlist_content p {
    font-size: 17px;
}
}

    Best regards,
    Rikard

    March 30, 2022 at 2:44 pm #1346591
    Sandy

    Thank you!

    March 31, 2022 at 7:47 am #1346705
    Rikard

    Hi,

    Great, I’m glad that we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    March 31, 2022 at 3:28 pm #1346753
    Sandy

    Thank you for excellent support. This can be closed.

    April 1, 2022 at 5:26 am #1346812
    Ismael

    Hi,

    Great! Glad to know that this has been resolved. Please do not hesitate to open a different thread if you have more questions regarding the theme.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Icon List and Content Slider text is too big on mobile’ is closed to new replies.