The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

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

  1. julesjunction
    Posted 3 years 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?



  2. nezumi
    Posted 2 years 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
    Posted 2 years ago #

    Thank you so much! This worked great for me!

  4. julesjunction
    Posted 2 years ago #

    Thank you nezumi :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic