Text widget in header breaking the responsiveness

[Flawed]

Hi There,

I have added a text widget to the header, and made some css changes to it using #text-4, however now it has thrown out of sync the whole mobile responsiveness.

I'm using agency pro.

Any ideas?
Thanks
Nicola

http://katiekingdesign.com/

[Ben @ Inbound Creative]

On line 2000, change the width back to 100% and then add text-align: center; to the id.

You also need to close the id with a }. Currently, there is one after it, but it's the the } to close the media enquiry, not the #text4 id.

It should look something like this:

#text-4 {
	width: 100%;
	text-align: center;
}

Once you've done that, you can delete the #text-4 media enquiries from lines 2069 and 2091.

---

Award winning web design in Liverpool | UK based Genesis Framework web designer and developer

[Flawed]

Hi Ben,

Thank you very much for this, it really is appreciated.

I have done as you suggested, however the issue is still the same 🙁

Any other ideas?

Thanks again,
Nicola

[Flawed]

I've fixed it!!! I changed the #text-4 at the end of the stylesheet to width 100% :)))

Thanks again

x

[Flawed]

I thought that I'd fixed it, and although it has worked on the iphone, it hasn't on the ipad, in fact portrait is a mess..... 🙁

Any other ideas please?

[Author]

Posts