Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 13, 2020 at 2:04 pm #1212620
    qwerty94

    Hi, I have some links in an accordion on this page (see private content). On desktop this is fine, but on mobile, the text is cut off, I have removed the custom CSS to see if it was an issue with this, but the text remains cut off.

    May 15, 2020 at 4:28 am #1213097
    Rikard

    Hey qwerty94,

    I can’t see anything being cut off on that page, could you post a screenshot of the problem and let us know in which browser and device you are seeing that happening please?

    Best regards,
    Rikard

    May 18, 2020 at 12:36 pm #1214001
    qwerty94
    This reply has been marked as private.
    May 19, 2020 at 7:05 am #1214205
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.toggle_content {
    padding: 12px 10px 11px 10px;
}

.toggle_content p a {
    font-size: 12px;
    word-break: break-all;
}
}

    Best regards,
    Rikard

    May 19, 2020 at 7:05 am #1214206
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.toggle_content {
    padding: 12px 10px 11px 10px;
}

.toggle_content p a {
    font-size: 12px;
    word-break: break-all;
}
}

    Best regards,
    Rikard

    May 19, 2020 at 9:07 am #1214231
    qwerty94

    That’s great! – Thank you.

    May 19, 2020 at 10:37 am #1214268
    Yigit

    Hey,

    Glad Rikard could help! :)

    Let us know if you have any other questions or issues!

    Cheers!
    Yigit

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Links being cut off on Mobile Accordion’ is closed to new replies.