“Our Team” Members not correctly displayed on mobile devices

Home Forums All Other Themes “Our Team” Members not correctly displayed on mobile devices

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #141487
    BenBen
    Participant
    • Topics: 2
    • Replies: 15
    • Total: 17
    Member since: April 28, 2019

    Hi!

    I created an “Our Team” section and it works fine, but when I want to look up the members on a mobile device, the picture is in the same line as the text which makes it look badly. As the picture is the “featured image” I cannot really change the design. On a laptop it looks fine though.

    Here is an example:

    Arthur

    Thanks for your help!

    cheers Benny

    #141509
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24125
    • Total: 24125
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:479px) {
    .thn_post_wrap.teamwrap img { width:44%;}
    .thn_post_wrap.teamwrap p { margin-bottom:0; line-height:25px;}
    }

    Regards,
    Chris

    #141545
    BenBen
    Participant
    • Topics: 2
    • Replies: 15
    • Total: 17
    Member since: April 28, 2019

    Hey Chris, thank you so much for the quick help! It definitely looks better now, but the writing still slides under the picture.. is it possible to either keep the “profile” next to the picture or under it? A table would do the trick, but i can’t get in there because the picture is not editable.

    Also the other pictures at the bottom are getting really small know…

    Thanks again for your help!

    Cheers
    Benny

    #141564
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24125
    • Total: 24125
    Member since: August 16, 2013

    Hi,

    Can you send us the screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.

    Regards,
    Chris

    #141603
    BenBen
    Participant
    • Topics: 2
    • Replies: 15
    • Total: 17
    Member since: April 28, 2019

    Hi,

    here’s the screenshot:

    Screen

    As you can see, the arrangement of text and picture is a bit off. Also the picture at the bottom is very small.

    #141626
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24125
    • Total: 24125
    Member since: August 16, 2013

    Hi,

    Kindly use this one:

    .thn_post_wrap.teamwrap img { margin-bottom:60px;}
    .alignnone.size-full.wp-image-5423 { width:100%;}

    Regards,
    Chris

    #141643
    BenBen
    Participant
    • Topics: 2
    • Replies: 15
    • Total: 17
    Member since: April 28, 2019

    Hi, thanks that looks way better now! Unfortunately it does not work for other team-members where there are two pictures..

    Screen 1

    Would be great if you could fix that too. In the end every member should get 2 pictures at the bottom, so this would be the norm.

    #141653
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24125
    • Total: 24125
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS code:

    @media screen and (max-width:479px) {
    .alignnone {
        width: 100% !important;
    }
    }

    Regards,
    Chris

    #141671
    BenBen
    Participant
    • Topics: 2
    • Replies: 15
    • Total: 17
    Member since: April 28, 2019

    Hey! Thanks that works out fine, but now the social media logos in the footer are suddenly weirdly sized..

    Screen2

    #141681
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24125
    • Total: 24125
    Member since: August 16, 2013

    Hi,

    Use this CSS:

    .footercols2 img {
        width: auto !important;
    }

    Regards,
    Chris

    #141713
    BenBen
    Participant
    • Topics: 2
    • Replies: 15
    • Total: 17
    Member since: April 28, 2019

    It all works fine now, thank you so much!

    #141820
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24125
    • Total: 24125
    Member since: August 16, 2013

    Hi Ben,

    If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/24/

    Regards,
    Chris

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