Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 31, 2022 at 2:01 am #1363309
    aussiedropbear

    Hi,

    I have a footer page setup and all is well however the clients email address is too wide for the mobile screen display even though the link is still active and working.

    Is there some CSS we could add that ensure the email address is kept within the mobile display?

    The same problem is also occurring on the contact page.

    Admin access in PC.

    Thanks
    John

    August 31, 2022 at 1:27 pm #1363359
    Rikard

    Hey John,

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

    @media only screen and (max-width: 767px) {
#footer-page a {
    word-break: break-all;
}
}

    Best regards,
    Rikard

    August 31, 2022 at 4:07 pm #1363375
    aussiedropbear

    Thanks Rikard.

    Is there any way to reduce it so that the email address is on the one line? The same is for the email address on the contact page.

    Cheers
    John

    August 31, 2022 at 7:05 pm #1363396
    Rikard

    Hi,

    If you add a class to the link, then you can target it like this:

    @media only screen and (max-width: 767px) {
#footer-page a.your-class {
    font-size: 10px;
}
}

    Best regards,
    Rikard

    September 1, 2022 at 2:57 am #1363426
    aussiedropbear

    Thanks Rikard,

    I cant seem to get this to work as well as I thought it would.

    I have therefore re-done the contact page and the text in the footer to 18px and truncated its presentation over two lines. See website.

    If you think there is something more to add to test I am happy to give that a go. Failing this I think we can close the thread. I may revisit this at a a later date.

    Many thanks for your assistance.
    John

    September 1, 2022 at 4:57 pm #1363502
    Rikard

    Hi,

    Thanks for the update. I see where you have added a class now. Please try this CSS instead:

    @media only screen and (max-width: 767px) {
#footer-page .email-link a {
    font-size: 10px;
}
}

    Best regards,
    Rikard

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