BuddyDev

Search

[Resolved] How to make BP members directory look better on mobile

  • Participant
    Level: Yogi
    Posts: 1112
    calu on January 28, 2019 at 2:08 pm #20535

    Hi there, I am trying to improve the look on mobile, and especially the members directory.

    I am using this css to decrease the overall margin in all pages for a wider look on mobile.

    @media only screen and (max-width: 500px)
    .site-content {
    margin-right: -20px; !important;
    margin-left: -20px; !important;
    }

    I have a two columns layout members directory but the content in each profile block, especially the x-profile fields with user information, are long and narrow, with broken words as result.

    The inspector reveals a left margin of 37.313px

    https://imgur.com/a/nZGayzs

    I am trying to reduce this margin by using this selector, ‘bph_xprofile_fields’, with no luck.

    Also the avatars reduces in size even if there are space for the default size.

    How do I exploit the space better, with less white space in the blocks?

    Regards
    Carsten

  • Participant
    Level: Yogi
    Posts: 1112
    calu on January 28, 2019 at 2:27 pm #20536
    This reply has been marked as private.
  • Keymaster
    (BuddyDev Team)
    Posts: 24593
    Brajesh Singh on January 28, 2019 at 3:19 pm #20539

    Please link me to your directory.

    Regards
    Brajesh

  • Participant
    Level: Yogi
    Posts: 1112
    calu on January 28, 2019 at 4:11 pm #20546
    This reply has been marked as private.
  • Keymaster
    (BuddyDev Team)
    Posts: 24593
    Brajesh Singh on January 29, 2019 at 12:12 pm #20555
    This reply has been marked as private.
  • Participant
    Level: Yogi
    Posts: 1112
    calu on January 29, 2019 at 12:35 pm #20559
    This reply has been marked as private.
  • Keymaster
    (BuddyDev Team)
    Posts: 24593
    Brajesh Singh on January 30, 2019 at 12:54 am #20578
    This reply has been marked as private.
  • Participant
    Level: Yogi
    Posts: 1112
    calu on January 30, 2019 at 7:29 am #20581
    This reply has been marked as private.
  • Participant
    Level: Yogi
    Posts: 1112
    calu on January 30, 2019 at 10:18 am #20585
    This reply has been marked as private.
  • Participant
    Level: Yogi
    Posts: 1112
    calu on January 30, 2019 at 10:28 am #20586
    This reply has been marked as private.

You must be logged in to reply to this topic.

This topic is: resolved