Header widget responsive issues

Hi, loving Enfold, it’s easily the best WordPress theme i’ve ever used!

I’m building a site for my client http://cameronsblinds.com.au and they have insisted on specific header text which i have added using a header widget… however, I’m having heaps of issues getting it to stay ‘fixed’ in position but re-size responsively for mobile..

I’ve used the following style css which works fine on my macbook pro 15″ retina, but it’s way out of position on the mobile and hasn’t resized…
It’s important that it works on mobile because it has a phone number that my client wants visible.

#header .widget {
position:absolute;
padding: 15px;
right: -19%;
top: 3%;
background-color: #b02b2c;
transform: translate(-50%);
z-index: 9999;
overlap: hidden;
}

Is there a way that I can have it stay in position and resize for mobile so it is in the right side of the header?

Cheers

Tian

• This topic was modified 8 years, 11 months ago by TeeJay2000.