Support » Theme: Hatch » how to remove bio from mobile version of hatch?

  • Resolved julesjunction


    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?


Viewing 3 replies - 1 through 3 (of 3 total)
  • 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.

    Thank you so much! This worked great for me!

    Thank you nezumi 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘how to remove bio from mobile version of hatch?’ is closed to new replies.