• 0

DMS 2 Remove Blog Author Thumb


Question

Posted · Report post

I really like the author thumb image when viewing on a PC but when viewing a post on a mobile device it just doesn't look good leaving a whole section of white space down the side.

 

Can this be adjusted for mobile viewing or will the the thumb have to be removed..if so...how?

 

http://www.viewfromadaddy.co.uk/photo-bombed-lamb/

Share this post


Link to post
Share on other sites

4 answers to this question

  • 0

Posted · Report post

You can remove the Author thumb on Mobile devices only using CSS Media Queries.

 

More information here http://cssmediaqueries.com/

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

If you have any suggested css for a none technical person that would be great!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Try something like this (untested):

 

@media only screen and (max-device-width: 767px) {
  .author-tag {
    display: none;
  }
}
@media only screen and (max-device-width: 767px) {
  .#site .article-wrap.meta-mode-author .wrp {
    padding-left: 0;
  }
}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks Danny, added this in but I'm still seeing the thumb.

Any other suggestions much appreciated!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now