Snap Wrong in Mobile Device

• 

  kerrymurrayphotography · Member · Feb 20, 2014 at 11:44 am

  • Copy link

  Hi guys

  So I took the plunge and deleted all of the previous CSS ( as provided by magagirao above) and replaced it with sacredpaths CSS and as far as I can see, it´s looking great! I´ve had a look on my iPhone and it´s a huge improvement, I´m happy with the results, let me know what you guys think? Is there anything you would change?

• 

  magagirao · Member · Feb 20, 2014 at 11:48 am

  • Copy link

  ‘READ MORE’ link is miles away from the thumbnails, both in homepage and blog.

• 

  magagirao · Member · Feb 20, 2014 at 11:48 am

  • Copy link

  P.S. I’m using Firefox in a iMac.

• 

  kerrymurrayphotography · Member · Feb 20, 2014 at 11:59 am

  • Copy link

  Oh, ok, scratch that… not perfect (but still much better) because now the thumbnails and “read more”s on the blog page are quite far apart when viewed on a regular computer screen… I´m going to play a bit more…

• 

  kerrymurrayphotography · Member · Feb 20, 2014 at 12:07 pm

  • Copy link

  ok, so I put back some of magagirao´s CSS and it corrected the position of the “read mores” I think… When I look on a mobile phone it looks good, but when I drag my browser window narrow it looks odd, the read mores end up on top of the thumbnails.

  I´m thinking that this is never going to be perfect for all screen sizes, but it definitely looks much better on a mobile phone now, and it still looks good on a regular computer screen… at least as far as I can see.

• 

  thesacredpath · Member · Feb 20, 2014 at 8:07 pm

  • Copy link

  @kerrymurrayphotography, removing the excerpt does cause the issue on the blog page with the read more. I’m seeing you have removed the read more from both the main page and the blog page.

  On my test site in Firefox, Safari and Chrome, with the code I provided, all is well on my desktop, and all is well on my phone and iPad on both the main page and on the blog page.