Header / Menu not responsive on multiple devices – Genesis / Prose

[wSb1gA3hYC]

Problem: Image Header is cut off on multiple devices and menu bar doesn't shrink on smaller devices.

When I was using a Site Title - it was responsive, but the Tagline wasn't responsive.

with respect the Image Header, I've tried:
- the JetPack Mobil Theme - but it doesn't work on all devices and while it works at first on the iPhone, it doesn't after a while.
- various coding solutions, truth is I really don't know a lot about coding, and what I've tried hasn't worked.
- redesigning a smaller logo, but I'd really prefer a responsive header image if at all possible.
- some plugins, but had issues there as well.

w/respect to Menu bar over flowing, I've tried various plugins.

Do you have any advice?

https://www.marykclark.com

[wSb1gA3hYC]

So far, I'm still haven't resolved my issue. I have noted:

If I do not use a site title or tagline and only use an image - my header is not responsive - period.

If I use a site title AND an image - the site title IS responsive, but the image isn't. Currently, I am using this as it looks a bit better than not having any graphic at all.

Any ideas about how I might be able to get an image only header on Genese / Prose theme to be responsive?

Any help would be much appreciated!

[wSb1gA3hYC]

While I never found a fix. I decided not to use an image as a background header and work the site title and tagline which are responsive. Not ideal and wish I knew of fix, but at least it is responsive and I'll get on with the rest of the design.

[Author]

Posts