Responsive Header Mocha Theme

[alanaburton]

Hi all,

What is the best/simplest way to get a responsive header for my site: http://www.50shadesofmum.co.uk/

I am using the Genesis Simple Headers plugin to get custom header options to allow me to get the header I currently have on the site but it looks awful on the mobile. Not only that, the menu also seems affected. Are they related or separate responsive issues and how can I sort?

Thanks,

[cehwitham]

Have you tried the Genesis Responsive Header plugin?

http://designsbynickthegeek.com/plugins/genesis-responsive-header

Should allow you to add different versions of the header image for your different screen sizes.

Chris

---

Twitter: cehwitham Web: cehwitham.com

[alanaburton]

Thanks Chris,

I am now using the Genesis Responsive header and it does work better than the other plugin I had. Do you know what I could use to get the menu sorted on the mobile? A "Genesis Responsive Menus" plugin would be great but doesn't exist as far as I can see! A mini drop down or menu across 2 lines would be good??

Thanks,

Alana

[alanaburton]

Actually, I spoke too soon.

If I use Genesis Responsive Headers and deactivate Simple Headers, it looks good on the mobile but then I have a dark blue bar at the top of the website at the top with no logo at all. If I activate both then on the mobile I have 2 sizes of logo overlaid on each other but the site on the desktop looks fine.

How can I combine the two??

 

[cehwitham]

It sounds like you need to check the styles that Simple Headers is adding in and make sure you copy them into your style.css file before deactivating it.

As for the menu, it seems to be fine except it needs the content wrapper to move down to allow space for the multiline menu on smaller screens.

Chris

---

Twitter: cehwitham Web: cehwitham.com

[Author]

Posts