7 posts
  • Has been part of the Envato Community for over 1 year
  • Has collected 10+ items on Envato Market
MarcMantha says

The logo I designed looks great in desktop browsers and tablets, but on a mobile it seems to be scaling the width of the header instead of fitting the logo in the available width and the logo (the most important aspect of the brand) is too small on a mobile.

It’s at http://hippiechickoriginals.com

Any way to fix this specifically for mobile?

Thanks.

Best regards, Marc

371 posts
  • Has referred 50+ members
  • Has sold $125,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
+5 more
PixelStores says

Hi Marc,

Look for the lessthen480.css file found in the css folder in the maya theme directory.

Find the following logo styles:

#logo{ text-align: center; margin-top: 65px; }
#logo a img{ width: 50%; }

Replace with the following:

#logo{ text-align: center; }
#logo a img{ width: 70%; }

This will remove the top margin and will scale the logo larger.

Cheers

7 posts
  • Has been part of the Envato Community for over 1 year
  • Has collected 10+ items on Envato Market
MarcMantha says

That did it. Thanks.

:)

Best regards, Marc

by
by
by
by
by
by