How to hide long profile Description for mobile

To change Author Bio Box information for mobile and Desktop view we can add a simple media Css rule in our Theme Css for the Bio Section . This way we can have a long Bio for Desktop view and a decent short for the Mobile . Dont forget to allow html Tags in the Bio section like classes . That way we add in the Bio. If you have a custom CSS section in the Admin Option for your Theme you can add the Css there too or if any aktive plugin support adding custom css  . Better than changing your Theme Css is to build your personal Plugin that loads your custom css and JS files with your changes. This way any Theme update will not force you to repeat all changes.

Add in your Theme File

<p class=”author-biohide“> the extra long bio with additional links and Story </p>

Add to your custom CSS

@media screen and (max-width: 600px) {
  .author-biohide {
    display: none;
    clear: both;
  }
}

2 thoughts on “How to hide long profile Description for mobile

  1. Greetings! I know this is kind of off topic but I was wondering which blog platform are you using for this website?
    I’m getting fed up of WordPress because I’ve had problems with hackers and I’m looking at options for another platform.
    I would be great if you could point me in the direction of a good platform.

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *