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

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by