BuddyDev

Search

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

  • Participant
    Level: Master
    Posts: 497
    Daniel on January 12, 2021 at 2:46 pm #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: 497
    Daniel on January 12, 2021 at 3:09 pm #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: 24623
    Brajesh Singh on January 12, 2021 at 9:16 pm #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: 497
    Daniel on January 14, 2021 at 10:08 am #35490

    Hi Brajesh,

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

    Greetings,
    Daniel

  • Keymaster
    (BuddyDev Team)
    Posts: 24623
    Brajesh Singh on January 14, 2021 at 6:41 pm #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