responsive layout expound is not responsive?

• 

  jonnahurme · Member · Feb 5, 2014 at 11:54 am

  • Copy link
  • Add topic to favorites

  I use expound theme. It says it is a responsive layout theme.
  But some people tweeted and added pics of my blog on a smart phone – expound is not responsive on the smart phone. Why not? What can I do?
  I would like to have a modern = responsive blog page, that looks good on notebooks, tablets as well as smart phones. Is that possible?

  The blog I need help with is: (visible only to logged in users)

• 

  gracejiyoung · Member · Feb 5, 2014 at 5:48 pm

  • Copy link

  Hi Jonna,

  Can you please provide screenshots of your site on your smart phone? Please upload them to Media > Library in your Dashboard.

  Thank you!

• 

  jonnahurme · Member · Feb 6, 2014 at 6:37 am

  • Copy link

  Hi. it was via Twitter that I heard of this matter. The tweet is removed. I will ask for it again. Can you check how does http://www.nytjahuomenna.com look on your notebook, tablet vs smartphone? Maybe that is the fastest way? :) Super thanks.

• 

  jonnahurme · Member · Feb 6, 2014 at 6:45 am

  • Copy link

  Hi, got hold of the tweeter :) I have now the print screen in jpg format in my media, library. Maybe this helps to solve the matter? :) Pls also cehck with your own device, maybe we get more insight this way? :)

• 

  gracejiyoung · Member · Feb 6, 2014 at 12:16 pm

  • Copy link

  Hi Jonna,

  I could not find a screenshot in your Media > Library. However, it does seem to look okay on tablet devices:

  

  I did see that the header and site description was a bit too low on mobile devices as seen here:

  

  If you edit CSS you can change this. Go to Appearance > Customize in your Dashboard and add this to your CSS tab:

  @media screen and (max-width: 480px) {
  	.site-title-group {
  		margin: 15px 40px 50px 40px;
  	}
  }

  That should do it! Feel free to reach out if you have any questions!

• 

  jonnahurme · Member · Feb 6, 2014 at 1:16 pm

  • Copy link

  Hi,
  I check and I see the picture in my media library :) The name is:
  my blog view on a mobile phone
  Thank you for checking on your tablet. It looks fine on my tablet too.
  Thank you for the tip to edit CSS – I shall have a look how this is done.
  Do I copy your above text straight into the CSS tab, where it now says “Welcom to custom CSS…” I delete all other text?

  Superb thanks,
  Johanna

• 

  jonnahurme · Member · Feb 6, 2014 at 1:18 pm

  • Copy link

  I copied your text to the CSS tab. Do you have a chance to check with a smart phone, does it look different now?
  Kind rgds
  Johanna

• 

  gracejiyoung · Member · Feb 6, 2014 at 1:25 pm

  • Copy link

  Hi Jonna,

  I just checked on an Iphone5s and everything looks great! This is what I see:

  

  Cheers!

• 

  jonnahurme · Member · Feb 6, 2014 at 1:29 pm

  • Copy link

  Hi, this is splendid!
  Thank you so much for your great advice, quick response and fabulous help.
  Kind rgds
  Johanna

• 

  gracejiyoung · Member · Feb 6, 2014 at 1:38 pm

  • Copy link

  You’re very welcome!

  Happy Blogging :)