BuddyDev

Search

[Resolved] How to break www. links in BP activity to prevent overlapping for mobile


  • Participant
    Level: Master
    Posts: 297
    Daniel on #35437

    Hi,

    You guys have provided me the css code below in order that the BPFB links or text do not exceed the activity card. I have figured out that this code only works for Desktop, but not for mobile and tablet. Do you have any clue how I can use this code for mobile as well?

    .bpfb_link_preview_url {
        overflow-wrap: break-word;
    }

    This is the link of the old ticket:
    https://buddydev.com/support/forums/topic/how-to-break-www-links-in-bp-activity-to-prevent-overlapping/

    Thank you for your assistance.

    Regards
    Daniel


  • Participant
    Level: Master
    Posts: 297
    Daniel on #35438

    Hi again,

    I have tried it with media query like I always use when applying code for mobile and tablet but they do not work:

    @media only screen and (min-width:417px) and (max-width:767px) {
    .bpfb_link_preview_url {
        overflow-wrap: break-word;
    }
    }
    @media only screen and (max-width:416px) {
    .bpfb_link_preview_url {
        overflow-wrap: break-word;
    }
    }

    Thanks for your time.

    Regards
    Daniel


  • Keymaster
    (BuddyDev Team)
    Posts: 17485
    Brajesh Singh on #35450

    Hi Daniel,
    This seems to be working fine for me in applying the classes.

    Please make sure to check that you have cleared the browser caches.

    Regards
    Brajesh


  • Participant
    Level: Master
    Posts: 297
    Daniel on #35490

    Hi Brajesh,

    That’s great thanks, it seems to work indeed.

    Greetings,
    Daniel


  • Keymaster
    (BuddyDev Team)
    Posts: 17485
    Brajesh Singh on #35504

    Hi Daniel,
    Thank you for the update. It’s good to know 🙂

    Regards
    Brajesh

The topic ‘ [Resolved] How to break www. links in BP activity to prevent overlapping for mobile’ is closed to new replies.

This topic is: resolved
Subscribe