How do I make my WordPress header logo responsive?

[JediMasterJesse]

Hey Everyone!

So, it’s my first time customizing a premium WordPress theme.

Its actually my first time fooling around with CSS too.

I think I’ve done a pretty decent job figuring out the following website…

http://www.theirishharppub.com

Im having a hard time making the header logo responsive.

It looks great on my desktop and when I have my iPad in landscape view, but when i put my iPad in portrait view it bumps the navigation down a line and doesn’t resize. When I’m on my Galaxy Note 4 the logo just takes up the full width of the screen which I don’t really mind.

I guess what Im looking for is the CSS code in order for it to stay on the same horizontal line as the navigation no matter what device you are viewing the site on.

Thanks in advance and I’m really sorry if this has already been answered I tried some other advice with no success…

[Beverleyh]

I guess what Im looking for is the CSS code in order for it to stay on the same horizontal line as the navigation no matter what device you are viewing the site on.

I’m afraid it would be unlikely for somebody to do the work for you on request. You might be able to hire someone to do it though.

But, have you asked the developers? If you’ve paid for the template (that’s what I’m interpreting ‘premium’ as meaning anyhow), they might offer a certain amount of customisation as part of the package. Or they might be able to do it for a reduced fee.

Going back to your goal description; I think the buttons would be too squashed together if you continue shrinking them to fit on one line along with the logo. It might work better if you allow them to drop underneath and stay as a full menu bar at their existing size (with logo above and in the middle).

[I.m.learning]

…”not sure how CSS works”

What don’t you understand?

[Author]

Posts