Description on Our Team widget gets stuck on Mobile

  • When viewed on Mobile only…

    The description text that slides down over the profile image in the Our Team widget gets stuck. Once clicked there’s no way to remove the text, which obscures access to the social links.

    You can see it on my site: joefontenot.info on the home page.

    Please let me know if there’s a fix for this.

    Thanks,

Viewing 4 replies - 1 through 4 (of 4 total)

  • I looked at your website homepage in mobile.

    Go to style.css

    and add this line.

    @media only screen and (max-width: 500px) {
.team-member .profile-pic {margin:auto auto 70px!important;}
}

    Check the difference.

    Thread Starter joefontenot

    (@joefontenot)

    That’s definitely better, thanks Zubee.

    Is there any way I can tap again to make the text go away as well?

    Moderator Kathryn Presner

    (@zoonini)

    zubee & joefontenot – just a heads-up that if you edit the theme files directly, your changes will be overwritten every time the theme is updated to the latest version, so it’s not recommended to do that.

    Since you’re already using Jetpack, an easy way to add custom CSS is to activate the Custom CSS module, which already seems to be active. You can add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

    Thread Starter joefontenot

    (@joefontenot)

    That’s good advice, Kathryn, I’ve learned that lesson the hard way in the past. In this case, I did exactly what you said and dropped that code into the Customs CSS page.

    And the solution works, in that it no longer obscures the social links on mobile. But I can’t figure out how to get the text OFF once I’ve viewed it. (Only a problem on mobile.)

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Description on Our Team widget gets stuck on Mobile’ is closed to new replies.