WordPress.org

Support

Support » Themes and Templates » Centering logo mobile responsiveness problem

Centering logo mobile responsiveness problem

  • I didn’t see that this thread has been resovled: How to centre the logo, so I will try with this post. My custom logo is centered quite nicely on my computer, but is not centered on mobile devices, specifically my iPad and my Android smartphone – it is off to the left. The original thread poster provided a code to use:

    #header-container > div {
    padding: 10px;
    margin-top: 20px;
    text-align: center;
    }

    Added note: when I use this code, it centers the logo on a mobile device (although it is very small), but it is not quite centered anymore on the computer. If I also set the header image to keep the header image aspect ratio, it throws off the computer version again.

    What is the best way to make the logo centered and responsive?

    My site is Awakened Lives

    Thank you.

Viewing 1 replies (of 1 total)
  • Is there anyone who can weigh in on this please? I cannot seem to find a way to have my logo centered on both a mobile device and on the computer.

Viewing 1 replies (of 1 total)
  • The topic ‘Centering logo mobile responsiveness problem’ is closed to new replies.