Executive Pro Header – Centre Align Right Text Widget

[Richtie]

I need the right hand widget to center / centre align when in mobile responsive mode.

Site: http://www.mooresmaintenance.co.uk/

In standard screen mode the logo is on the left and contact image on the right. When switching to mobile mode the logo centres on the screen however the contact image left aligns underneath it. I'd like to make this centre / center under the logo.

Can anyone suggest a code update or point me in the right direction?

Thanks

---

Web design, SEO and Social Media
http://www.andover-it.co.uk

http://www.mooresmaintenance.co.uk/

[Porter]

If you're referring to the animated .gif with your contact info, it has no text-align. Simply find (or add):

text-align: center;

to the:

header-widget-area {
//code
}

You'll want to do this in your media queries (for mobile), not just anywhere, so find "header-widget-area" in your media queries and add the text-align center;, or add the entire section yourself.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[Richtie]

Thanks Porter - that worked a treat 🙂

---

Web design, SEO and Social Media
http://www.andover-it.co.uk

[Porter]

Awesome, looks great, glad I could help!

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[Spike05de]

Where do I find the location for this Code?

[Porter]

style.css in your wp-content/theme (your theme name) folder.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[Spike05de]

I find not the right place to insert.

[Porter]

If it isn't already in your style.css media queries (at the bottom), you may need to add it. The final code (for mobile responsiveness only) is:

header-widget-area {
     text-align: center;
}

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[Spike05de]

Now it works for me, but not with this code.

I have insert text-align: center;

to Widget Area and resize the width of Widget Area from 820 to 250.

Naturheilpraxis Pippir in Neu-Ulm

[Author]

Posts