WordPress.org

Ready to get started?Download WordPress

Forums

Hatch
[resolved] how to remove bio from mobile version of hatch? (4 posts)

  1. julesjunction
    Member
    Posted 1 year ago #

    Hi, I'm loving the hatch theme and nearly have the website layout as I want it to be. I just need to change the mobile version slightly but I don't know how to do this. It's a responsive theme which changes display depending on the size of device.

    I would like to remove the Author bio from the Header in the mobile (iPhone) display but keep it in the larger iPad and PC displays.

    When you look at the website on an iPhone or other smart phone the Author bio text gets squished and so I think it would be easier just to remove it from the mobile layout so it looks better.

    Is this possible to do? Can someone advise where to start and how to do this?

    http://wordpress.org/extend/themes/hatch/

    Thanks,
    Jules

  2. nezumi
    Member
    Posted 12 months ago #

    In the mobile CSS section, for the line that begins with #author-bio.

    Replace the css styling for the mobile author-bio with:
    #author-bio { display: none; }

    This will prevent it from displaying.

    Note, if you know the name of the div, you can hide other items like this too.

  3. emcphee
    Member
    Posted 12 months ago #

    Thank you so much! This worked great for me!

  4. julesjunction
    Member
    Posted 11 months ago #

    Thank you nezumi :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic