Jump to content

Archived

This topic is now archived and is closed to further replies.

hibbsy78

Remove Blog Author Thumb

Recommended Posts

hibbsy78+    24
hibbsy78

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
greenfly    230
greenfly

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

 

More information here http://cssmediaqueries.com/


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
hibbsy78+    24
hibbsy78

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
Danny    1,327
Danny

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;
  }
}

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
hibbsy78+    24
hibbsy78
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

  • Similar Content

    • BentleyD
      By BentleyD+
      Hi Everyone,
       
      I am having issues with being able to post to my blog with platform 5. Currently when i click publish, it just shows the homepage of MoonBodySoul.com. That is until i open the page editor and change the scope from "All of type: Posts" to "Current Page Only". Then I have to re-insert the menu header as well. This seems like a really dumb process. In past versions of pagelines, I could just post a blog and the menu would be there and there would be no formatting issues. What can I do to fix this?
      MoonBodySoul.com
       
    • tforasiepi
      By tforasiepi+
      How do you move the thumbnail on a blog post?  I need the thumbnails for the blogroll page, but they show up at the top of the actual post page.  Normally, this would be fine, but I've been requested to put it under the blog title.  Any suggestions?
      Thanks.
    • tforasiepi
      By tforasiepi+
      My client is asking for a new blog layout similar to the one found here:  http://blog.perkinswill.com/pokemon-augmented-reality-and-the-future-of-urban-design/ 
      They have a splashy full-width background image overlaid with part of the blog and one sidebar.  The navigation arrows send you to the next post.
      Does anyone know if this is even possible using Framework 5?  If so, can you send me some advice on how to get here?
      Totally stuck!
      Thanks.
    • tristanrodgers
      By tristanrodgers+
      Hi there!
      I am using "Pins" for my blog now and I have some problems with the big style of the pins.
      I'd like to have smaller pins, how is it possible to make them smaller?
      Greetings from Germany,
      Tristan
      http://mc1r-magazine.com/blog/
    • tristanrodgers
      By tristanrodgers+
      Hi there!
      Hi would like to have the thumbnail photos on the left side and not on the top of the topic to the blog post. Where can i fix that?
      http://mc1r-magazine.com/blog/
      Greetings from Hamburg,
      Tristan
×