Centering logo mobile responsiveness problem (2 posts)

  1. linbmcd
    Posted 2 years ago #

    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.

  2. linbmcd
    Posted 2 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic


No tags yet.