That’s not the mobile version, by the way. You’re just viewing the desktop theme on a mobile device.
You are seeing this problem because you have an extremely wide header image, and the header image has a left margin of -612.5px. So when your browser window becomes narrower than your header image, it gets pulled out of the location you see it when your browser window is wider than your header image.
You can see the same thing on desktop if you restore down your browser window and make it less than 1225 pixels wide.
Moved to Support. Please post in the correct section next time.
You could use a separate stylesheet for various sizes of mobile devices, but to be honest the point of the css is to keep your header centered in the browser window. Try restoring down your browser window and change the width to see what I mean.
Although it is almost impossible to design a site that will look identical or even good on all devices.
Viewing 9 posts - 1 through 9 (of 9 total)
You must be logged in to reply to this topic.
This free Support Forum relies on contributions from our support staffs and fellow Graphene themes users. While we endeavour to provide adequate and timely support, due to its voluntary nature responses are not guaranteed and may be delayed.
If you require urgent assistance, you may like to consider our Priority Support option.