Centered Logo Responsiveness

  • Author
    Posts
  • #36074
    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.

    #36150
    Zed
    Cryout Creations mastermind

    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.
    #36179
    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!

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Centered Logo Responsiveness’ is closed to new replies.