Header not resizing for mobile

• 

  sjsj9197 · Member · Jan 6, 2019 at 6:54 pm

  • Copy link
  • Add topic to favorites

  Hi

  My blog: http://innovisionpost.com/

  On Mobile the header is too big and has a white line on the side and i tried to fix it the other day but it didn’t work for the other pages. Please help.

• 

  darusja · Staff · Jan 6, 2019 at 7:44 pm

  • Copy link

  Hi,

  the problem is the heading “INNOVISIONPOST”. It keeps very wide on mobile. You need to reduce the font-size for it in mobile version. Try this:

  
  @media (max-width: 500px) {
    .site-title a {
      font-size: 28px;
    }
  }
  

  I hope it helps :)

  Note that your site is a self hosted version of wordpress, so you should look for help here: https://wordpress.org/support/

  There is a difference between wordpress.com and wordpress.org:

  WordPress.com vs. WordPress.org

• 

  sjsj9197 · Member · Jan 6, 2019 at 9:28 pm

  • Copy link

  Thanks!

  It worked but i tried it on an iphone 5 and it still doesn’t fit. Any help is appreciated.

  Also sorry about that, I will post there in the future.

• 

  sjsj9197 · Member · Jan 6, 2019 at 9:29 pm

  • Copy link

  Thanks!

  It worked but i tried it on an iphone 5 and it still doesn’t fit. Any help is appreciated.

  Also sorry about that, I will post there in the future.

• 

  darusja · Staff · Jan 7, 2019 at 8:50 am

  • Copy link

  It’s because your iphone is a bit narrower for this heading in font-size: 28px, so make in 25px or 20px and it should be ok :)