Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 9, 2014 at 7:17 am #207245
    tusing

    Hi guys,

    I am using Fixed header with social icons and use the below css to fix my header size:

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

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

    #header_main .container, .main_menu ul:first-child > li a, .logo img, .logo a {
    height: 90px !important;
    line-height: 90px !important;
    max-height: none !important;
    }

    Problems:
    1) But I keep getting a small layer appearing below the header > http://imgur.com/umzh28O
    2) logo is unrecogniseable.

    Ideally I want the header to be reduced in size (say 90 px) and logo to remain one size regardless of scrolling.

    Thanks for your help.

    January 9, 2014 at 7:44 am #207253
    Ismael

    Hey tusing!

    The space below he header is the main div padding. You can adjust it using this:

    .fixed_header.social_header #main {
padding-top: 117px;
}

    Please give us a link to the actual website.

    Cheers!
    Ismael

    January 9, 2014 at 8:23 am #207270
    tusing
    This reply has been marked as private.
    January 9, 2014 at 8:31 am #207277
    Ismael

    Hey!

    If you have this code on Quick CSS:

    #header_main .container, .main_menu ul:first-child > li a, .logo img, .logo a {
height: 90px !important;
line-height: 90px !important;
max-height: none !important;
}

    Please replace it with:

    .logo img, .logo a {
height: 90px !important;
line-height: 90px !important;
max-height: none !important;
}

    Replace the code that I gave you with:

    .fixed_header.social_header #main {
padding-top: 111px;
}

    Remove the title using this:

    #top .alternate_color.title_container .main-title {
display: none;
}

    Adjust the breadcrumb container height using this:

    #top .title_container .container {
padding: 10px 0;
min-height: 30px;
}

    Best regards,
    Ismael

    January 9, 2014 at 9:10 am #207296
    tusing
    This reply has been marked as private.
    January 9, 2014 at 11:10 am #207339
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .title_container .breadcrumb { left: 0; }

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Header resizing issues’ is closed to new replies.