Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 23, 2014 at 1:56 pm #282455
    retotito

    hi.
    I realized this 100% with logo, by changing the header.php.
    http://kulturchuchi.ch/web/

    Is it possible to do the same, just by changing css?

    Thanks for answers

    June 23, 2014 at 3:13 pm #282494
    Yigit

    Hi Reto!

    Please upload your logo and let us know so we can inspect elements and see what we can do :)

    Cheers!
    Yigit

    June 24, 2014 at 2:21 pm #283034
    retotito

    Hi Yigit
    I uploadet the logo on http://mauritius-panorama.com/
    Important is, that the Logo is responsive as in the example above.
    Thanks for your help.

    Regards
    Reto

    June 24, 2014 at 3:55 pm #283093
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    div#header_main .container, .logo, .logo a, .logo img {
width: 100%;
margin: 0;
padding: 0;
}

    Cheers!
    Yigit

    June 25, 2014 at 9:39 am #283453
    retotito

    Thanks Yigit.

    That works fine until a browser-width from 1140px.

    To your information, i have set the “Header Custom Hight” to the Logo-Image-Heith from 290px.
    As from 1139px browser-width i had to add:

    @media only screen and (max-width: 1139px) {
	.logo img, #header_main .container{
	height: 280px !important;
	}
}
@media only screen and (max-width: 989px) {
	.logo img, #header_main .container{
	height: 220px !important;
	}
}

    But from as from a max-width: 767px i can’t figure out what to do.
    The heigt from the logo stays on 80px.

    Do you have a solution for that ?

    Regards
    Reto

    June 25, 2014 at 5:13 pm #283671
    Günter

    Hi!

    Try to add the following:

    
@media only screen and (max-width: 767px) {
.responsive .logo,
.responsive .logo a, 
.responsive .logo img {
    height: auto !important;
    max-height: none !important;
}
}

    You can also set the value of height from auto to your desired height.

    Cheers!
    Günter

    June 26, 2014 at 2:07 pm #284069
    retotito

    Thanks Günter!

    That works.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘100% width responsive logo’ is closed to new replies.