- This topic has 4 replies, 2 voices, and was last updated 10 years, 7 months ago by .
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.
These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.
Tagged: responsive header
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?
Have you tried the Genesis Responsive Header plugin?
Should allow you to add different versions of the header image for your different screen sizes.
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??
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??
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.
© 2023 WPEngine, Inc.