Make new header image mobile responsive (Enterprise Pro)

[Belinda]

I've customised the header image to suit our logo (700x142) which is fine. I've been playing around with the CSS to make it responsive and it's working when I resize the browser window but not working on mobile devices.

I've changed the following CSS but it isn't very smooth if i change the browser window size to see if it responds and the Header Top widget area contains the Search widget which is slightly cut off

Any suggestions to improve this on a desktop and also why it's not working on a device?

.header-image
.site-title > a {
min-height: 140px;
}

.title-area {
width: 75%;
}

.site-header .widget-area {
width: 25%;
}

Thank you in advance.

http://www.iwb.net.au

[Belinda]

Can anyone help with this?

[Belinda]

It seems that the logo is responsive but I have Simple Social Icons & Search widgets in the Header Right widget area and they are squashing up when viewing on mobile device. How do I force those onto their own line when viewing on a device??

[Author]

Posts