Metro Pro Responsive Header

[whiskymac]

Hi,

I'm having a bit of trouble getting my header to appear responsive on mobile devices, it appears ok on devices such as tablets, laptops and iPhones but even though I have set media queries for the other devices the header is still getting cut off. I am using Metro Pro theme. Can you tell me how I can fix this?

Thanks,
John

http://www.underthechristmastree.co.uk

[SavvyJackie]

I took a look at it and you've got quite a few modifications to header style throughout the stylesheet. Seems like you are using a lot of versions of the header image for different sizes. Not sure why.

If possible, I would create another fresh site with the theme defaults and start going through what has changed in regards to the header image.

---

Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie

Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂

[whiskymac]

Hi,

Thanks for getting back.

We have the different sizes in the media queries for different screen sizes and we are only having a problem with a few devices cutting the header off. The theme works perfectly on desktop, laptops etc and is fully responsive.

The original header in the theme worked fine apart from on a few devices which is why we have the different sizes.

Thanks,
John

[Author]

Posts