Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #173431

    Hello,
    I want to fix my header: The top where is the logo with an Image, I would like more high to show better the image, but then, the menu part appears also really high and I want to show the menu part less high. Is it possible?
    I’m using this CSS also to centered the logo.. I would like to send you a screenshot but I cant find the way.

    #header_main .container, .main_menu ul:first-child > li > a {
    height:170px !important;
    line-height: 100px !important;
    }

    html.fixed_header #main {
    padding-top: 60px;
    }

    div .logo {
    float: left;
    position: absolute;
    left: 20%;
    }

    Thank you very much.
    Alexia.

    #173432
    This reply has been marked as private.
    #173637

    Hey!

    Please remove following code

    #header_main .container, .main_menu ul:first-child > li > a { height:170px !important; line-height: 100px !important; }

    And add following

    #header_main { padding-bottom: 50px; }
    .logo { height: 158%; }

    You can upload your screenshots on http://imgur.com/ and post links here

    Best regards,
    Yigit

    #175203

    Hello, Thanks for your quick response,

    The code works perfect, but now my client want bigger logo than 158%, and if I increase to 258%, then appears a line in the middle. How can I fix this?

    Thanks.

    Alexia.

    #175293

    Hi!

    Please change following code

    #header_main { padding-bottom: 50px; }

    to this one

    #header_main { padding-bottom: 138px; }

    It should look like this http://i.imgur.com/GQSU194.jpg

    Best regards,
    Yigit

    #176856

    Waoooo, now its perfect!!!!!

    A million Thank you.

    Regards,
    Alexia.

    #176993

    Hello!

    You are welcome! Let us know if you have any other questions or issues

    Regards,
    Yigit

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Header to show bigger logo and small menu’ is closed to new replies.