7 posts
  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
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

360 posts
  • Elite Author
  • Sold between 100 000 and 250 000 dollars
  • Exclusive Author
  • Has been a member for 4-5 years
  • New Zealand
  • Referred between 10 and 49 users
  • Bought between 10 and 49 items
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
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
  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
MarcMantha says

That did it. Thanks.

:)

Best regards, Marc

by
by
by
by
by
by