Place top at page resize

Navigation
0

I'm trying to leave the company logo above all content at the time the page is resized, but to no avail.

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 */
}

The logo looks like this:

Thesitecanbeviewedhere: Developing Website

    
asked by anonymous 21.07.2017 / 16:42

2 answers

1

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

So header a.logo.logo-responsive> img { width: 90% }

so it would slightly reduce the size of the logo by fitting it into your bar menu

    
23.07.2017 / 15:39
1

Are you using media queries? if it is, when the menu becomes a burger, set the <a> that involves the image of the logo with position: absolute

    
21.07.2017 / 16:48
Parse error: syntax error, unexpected '' (T_ENCAPSED_AND_WHITESPACE), expecting '-' or 'identifier (T_STRING) or variable (T_VARIABLE) or PHP Chat How to use? [closed]