Tagged: 

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • July 5, 2013 at 1:09 pm #25706
    oliviad

    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

    July 8, 2013 at 2:28 am #127931
    Nick

    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

    July 10, 2013 at 6:57 am #127932
    oliviad

    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

    July 11, 2013 at 8:38 am #127933
    oliviad

    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

    July 11, 2013 at 12:51 pm #127934
    Nick

    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

    July 16, 2013 at 1:55 pm #127935
    oliviad

    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)

    July 17, 2013 at 1:08 am #127936
    Nick

    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

    July 17, 2013 at 7:23 am #127937
    oliviad

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

    Thanks

    July 17, 2013 at 11:27 am #127938
    Nick

    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

    July 17, 2013 at 3:56 pm #127939
    oliviad

    You rock ;) It works like a charm.

    Thanks very much

    July 17, 2013 at 4:34 pm #127940
    oliviad

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

    July 17, 2013 at 5:01 pm #127941
    oliviad

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

    Thanks

    July 18, 2013 at 4:34 am #127942
    Ismael

    Hi,

    You can adjust the bottom position of the hover line.

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

    Regards,

    Ismael

    July 18, 2013 at 10:53 am #127943
    oliviad

    Thanks

    .avia-menu-fx {

    bottom:13px;

    }

    is working great !

    July 18, 2013 at 12:20 pm #127944
    Nick

    Glad that Ismael solved that for you.

    Enjoy the theme!

    Thanks,

    Nick

  • Author
    Posts
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.