[Keena]

Hi, I am just starting to work on a website using the Nirvana WordPress Theme and am having trouble getting the logo to ALWAYS be centered no matter what width the window is.

I am currently using the custom logo setting, not the header setting. I have entered code:
#header-container > div {text-align: center;}
to the CSS. It does stay aligned fairly well for the most part, however there is always a point when the size of the width gets to a certain point, that the logo jumps to the right. The more I increase the width after that it slowly centers itself out again.

How do I keep the logo from jumping like that. I want it to stay centered smoothly when the windows width is resized.

[Zed]

Try !important:
text-align: center !important;
This should override any responsive styling the theme is using to align the logo on smaller devices.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Jon]

I’m having the same problem. As the window shrinks down, a good portion of the logo is cut off until finally it snaps over and is visible again. I never noticed until I got a complaint.

I entered the code above #header-container > div {text-align: center !important;} but it has no impact. Thanks for any help!

[Author]

Posts