Mobile view of the website

• 

  taapsir · Member · Jan 17, 2016 at 6:06 pm

  • Copy link
  • Add topic to favorites

  Hello,
  I just viewed by site on a mobile device. I have three questions:
  1. my site logo looks much smaller on the mobile phone than on the laptop.
  2. My three buttons on the landing page “About”, “Work”, “Blog” are way lower on the mobile device than on the laptop. I have to significantly change the margin on the laptop for it to be correctly aligned for a phone, and i would like to not do this.
  3. I see a border around my featured images under the “Recent Projects” section when I view it on the phone. How could I fix this? (the border does not show up when I view the site on a laptop).

  Thank you so much for helping!
  taapsi

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

• 

  taapsir · Member · Jan 17, 2016 at 6:08 pm

  • Copy link

  Two notes regarding the above:
  I changed the Media Width option available under the CSS section to 80px (I am told the default for Port is 640px). I thought this might help reduce the width for the images when viewed on the mobile phone.

  Also, currently, “Include this CSS in the Mobile Theme” is checked for my website.