Whenever I test different screen sizes in the desktop mode, the header automatically updates to be centered. However, the header is only centered on the largest possible tablet mode screen width (1000px), as you can see below.
However, as I decrease the screen width to the smallest possible on tablet (751px), the header is off center, towards the right. In the screenshot below, you can see the outline of the header outside the size of the screen, so I’m wondering if I just have the minimum size of the header set up wrong?
Hi, It could be that you need to reduce the spacings or sizes of the lower menu text as they don‘t fit the smaller screen size. I’ve removed them from ‘tablet’ on my site so just the Logo & hamburger menu…
Yeah. Judging from the screenshots (thank you by the way), something is overflowing . Most likely the menu has a fixed width and around 751 pixels or so, the menu is wider than the viewport and it is overflowing.
If you want to double-check that is the case, you can use the site checker to confirm.
