Before you ask please READ THIS

Logo being too small on mobile display

edited September 2014 in Fame Posts: 1
Hello,

the problem at hand is the logo being too small on mobile display.
I already tried to fix it this way:

@media only screen and (max-width: 460px) {
#logo img{
width: 300px;
}
}
…..to no avail (check img01)

If I try this way instead:
#logo img{
min-width: 300px;
height:auto;
}
the logo becomes big enough....but not centered – as it partly goes out of display (check img02).

What else can I try to solve this?

Thanks for your help

Francesca
img01.jpg
720 x 1280 - 94K
img02.png
320 x 480 - 26K
Post edited by Air on

Comments

  • AirAir
    Posts: 10,970
    Hello:-)

    I have recreated same settings as on your site, and increasing max-width works for me, and it gets centered.

    You change min-width right now. Try this:

    @media only screen and (max-width: 460px) {
    #logo img{
    max-width: 200px;
    }
    }
    Hope that helps.

    With regards.
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

In this Discussion