Header wont center when viewing on mobile phone

  • I’m trying to center the header on my site so when it’s viewed on a mobile device the nav and logo (cup) are centered. However, I cant figure it out. Any suggestions would be greatly appreciated!
    url:

    https://www.perqcoffeebar.com/

    Thank you Thank you

Viewing 2 replies - 1 through 2 (of 2 total)

  • Remove min-width from #about_page_custom, this is what causes the problem.

    Add responsive class to image.

    img { max-width: 100%; height: auto; }

    (Optional) help making sure the 3 menu items fit in 1 line in 320px.

    @media screen and (max-width: 400px) {
	#menu-main li a { letter-spacing: -1px; }
}

    Thread Starter re_peter

    (@re_peter)

    Worked like a charm!

    Thank you.

    I am having a very similar problem on a site I’m building for my self.

    The project and header of my portfolio site are shifting to the left on my mobile…

    https://high-spirits.us/beta/

    I tried looking for a min-width to remove but can’t find anything. At this point I’ve butchered the css.

    Any suggestions?

    Thank you again for your help. It’s saving me.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Header wont center when viewing on mobile phone’ is closed to new replies.

Tags