Center Logo for Mobile

Homepage Community Forums Epik Theme Support Center Logo for Mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #16628
    caroline
    Customer

      Ive read the many posts for centering header logo for mobile and made various adjustments accordingly. I still find the logo is not centered on mobile and the padding seems off. Worked within 360×164 guidelines,that didn’t work, created smaller logo and moved right, left and center, still issues. Any tips? Thanks much! http://bit.ly/1T48sMc

      #16629
      Andykev
      Customer

        Yes, the padding is off and it does appear slightly to the left.

        The program .css is working fine on small screens, and does center. However, it “looks” off center because the image part of the (360 x 164) “block” is not centered.

        You should go to an image editor and center the actual “logo” in the “block”, ie. move it over to the right just a bit, in the center of the 360 width.

        You don’t notice it on wide screens because it is “floated” to the left. When the screen is reduced to Iphone size you can tell it’s off.

        The footer logo centers beautifully at the bottom. It’s 358 x 166, but the text and logo look more centered in the “box” or “frame” size.

        #16630
        Andykev
        Customer

          Try this:

          .header-image .site-title a {
          	float: left;
          	min-height: 164px;
          	width: 110%;
          }

          Line 2055 of the css
          Adding 10% to the width does tweak it to center, but not perfectly. Might try if you don’t want to edit the logo image.

          #16667
          caroline
          Customer

            Thank you Andy. You’re the best!

          Viewing 4 posts - 1 through 4 (of 4 total)
          • You must be logged in to reply to this topic.