Tagged: 

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #25706

    Hi,

    Here is my link, I would need a little less padding on top and bottom of the logo/menu, how can I do this?

    http:// censored

    Thanks

    #127931

    Hi,

    There is no padding except in your logo. Open it up in an image editing program and crop the empty space on top and bottom of logo.

    Thanks,

    NIck

    #127932

    Hi, thanks for your reply. When I do that, the logo just stick to the top as you can see here http:// censored, the height remains the same :(

    What can I do? Thanks

    #127933

    Hi again, any clue to fix the problem?

    I would need to reduce the height of the header. Reducing the height of the logo does not make any difference in header’s height, it does only make the logo float to the top. http://

    Would you mind helping me? Thanks

    #127934

    Hi,

    Sorry. My bad.

    Ya I do have a solution. Your logo is 70px high and the total space is 116px which makes 46 total pixel of height difference. So lets cut the empty space by half, which is 23 pixels. Then we need to vertically center the logo in the remaining 23 pixels, so lets say 12pixels would be the top margin to vertically center..

    Add the following changes to /js/avia.js . Find lines 819-837 .. that start with (curly brackets open) and end with (curly brackets close) and delete everything including the curly brackets, and paste the following in their place

    {
    var st = win.scrollTop(), newH = 0, newH2 = 0;
    if(st < el_height / 2) {
    newH = el_height - 23;
    newH2 = 12
    }else {
    newH = el_height / 2;
    newH2 = 0
    }
    elements.css({height:newH + "px", lineHeight:newH + "px", "margin-top":newH2 + "px"})
    }

    That’s it. I tested it so it works. If you need to add space when the header shrinks, just change the last newH2 = 0 to 12, and add +23 to the *second* newH = el_height / 2 +23;

    Thanks,

    Nick

    #127935

    Thank you very much for your answer. There is now a small space between menu and slider, any idea how I can fix this?

    I changed this code :

    {

    var st = win.scrollTop(), newH = 0;

    if(st < el_height/2)

    {

    newH = el_height – st;

    header.removeClass(‘header-scrolled’);

    }

    else

    {

    newH = el_height/2;

    header.addClass(‘header-scrolled’);

    }

    elements.css({height: newH + ‘px’, lineHeight: newH + ‘px’});

    }

    line-819 834 (no closing bracket on line 837)

    #127936

    Hi,

    I really need to see the page itself to give you the code because I am not seeing space on mine so our configurations differ somehow. You can hide the url in www/goo.gl if you want.

    Not sure why you removed margin-top since now you have pretty much how the code was before my modification.

    Thanks,

    Nick

    #127937

    Hi, the url is the same as in my first message : http://

    Thanks

    #127938

    Hi,

    Sorry, guess I need new glasses though I been told i will need to use a counterbalance in the back of my head to prevent sclerosis. :)

    Please add this css

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

    Thanks,

    Nick

    #127939

    You rock ;) It works like a charm.

    Thanks very much

    #127940

    Sorry to bother you again, how can I adjust the hover menu ? the new height messed the hover border… Once again THANK YOU !

    #127941

    last question, how can I edit an old post ? (I would like to hide the url)

    Thanks

    #127942

    Hi,

    You can adjust the bottom position of the hover line.

    .avia-menu-fx {
    bottom: 20px;
    }

    Regards,

    Ismael

    #127943

    Thanks

    .avia-menu-fx {

    bottom:13px;

    }

    is working great !

    #127944

    Glad that Ismael solved that for you.

    Enjoy the theme!

    Thanks,

    Nick

Viewing 15 posts - 1 through 15 (of 15 total)

The topic ‘How to reduce the height of the main header (with the logo)?’ is closed to new replies.