7 posts
  • Has been part of the Envato Community for over 2 years
  • 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

382 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $125,000+ on Envato Market
  • Located in New Zealand
  • Had an item featured 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 2 years
  • Has collected 10+ items on Envato Market
MarcMantha
says

That did it. Thanks.

:)

Best regards, Marc

by
by
by
by
by
by