Right at the top when resizing page

Asked

Viewed 280 times

0

I’m trying to put the company logo above all content at the moment the page is resized, but without success.

Logo call:

<a class="logo pull-left" href="index.php"> <img src="assets/images/logo-chipi.jpg" alt="" /> </a>

The code I have is this:

Page layout.css:

#header a.logo>img {
    height:80px;
    -webkit-transition: all .300s;
       -moz-transition: all .300s;
         -o-transition: all .300s;
            transition: all .300s;
}
#header a.logo.logo-responsive>img {
    height:100%; /* used on center - example: page-coming-soon-1.html */
}

A logo is getting like this:

inserir a descrição da imagem aqui

The site can be seen here: Website in Development

html

2 answers

1


I would use width in the a.logo.logo-Responsive>img header

Thus header a.logo.logo-Responsive>img { width:90% }

so it would decrease the size of the logo slightly making it fit in your bar menu

1

Are you using media queries? if you are, at the time the menu turns hamburger, set the <a> that surrounds the logo image with position: absolute

Browser other questions tagged html

You are not signed in. Login or sign up in order to post.