Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #225629

    Hello,

    I’m using non-fixed header with social icons. My logo is 436×79 px.

    I adapted its width using the code I found here at the forum:

    .logo, .logo a, .logo img { width: 436px!important; height: auto!important; max-width: 436px!important; padding-top: 5px;}

    I was able to adapt the width but got a problem:
    The main menu and the logo overlap for a while before it becomes fully responsive. I would like it to become responsive before.

    You can check the website here:
    http://www.congresinternacionaldetransit2014sct.cat/

    Thanks!

    • This topic was modified 10 years, 1 month ago by AnaBasso.
    #225703

    I have the same issue. Looking forward to response!

    #225835
    #226967

    Hello Yigit,
    Thank you so much for the link! It worked very well.

    The only thing that is missing on my header right now is to make the logo smaller on mobiles (screens with 480 px wide and smaller).
    Right now the logo appears to be cut on the right side.
    Take a look:
    http://www.congresinternacionaldetransit2014sct.cat/

    Regards,
    Ana

    #226972

    Hey!

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

    @media only screen and (max-width: 480px) { 
    .responsive .logo img {
    max-width: 100%!important;
    }}

    Cheers!
    Yigit

    #226986

    That’s amazing, thank you!

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Header logo – adapted dimensions – responsive’ is closed to new replies.