Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 22, 2013 at 7:26 pm #192016
    sbrohamm

    I recently asked if I could reduce the height of the header and make some adjustments to some white space below my header.

    Yigit was kind enough to help me with that but now my fixed small header isn’t reducing in size when I scroll down the page even though the logo does resize. Can I restore the header resize-while-scrolling feature while keeping the adjusted size of my header?

    Also, is there a way to reduce the amount of padding between the top of my portfolio grids and the bottom of the page title bar below the header?

    Thanks again!

    November 23, 2013 at 12:40 am #192164
    Yigit

    Hey sbrohamm! :)

    Please remove following code from Quick CSS

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

    Best regards,
    Yigit

    November 25, 2013 at 5:08 pm #192989
    sbrohamm

    Removing that line will restore my header to it’s original taller height. I’d like to keep the header at the adjusted height but still be able to shrink it in size when scrolling.

    November 25, 2013 at 5:13 pm #192994
    Yigit

    Hey!

    Please refer to this post https://kriesi.at/support/topic/change-logo-image-for-scrolled-header/#post-188003

    Cheers!
    Yigit

    November 25, 2013 at 5:40 pm #193004
    sbrohamm

    Yigit,

    I made the change to my avia.js file as recommended in the post you refer to but all it does is stop the logo from re-sizing when scrolling. The header still won’t resize when scrolling.

    I would think that simply making the header height smaller would be a little simpler than this but I guess it isn’t something that’s normally done?

    November 25, 2013 at 7:57 pm #193118
    Yigit

    Hey!

    Yes unfortunately it is little bit more complicated than that :)
    Can you post the link to your website so we can inspect elements and see if there is some CSS that is blocking logo from resizing?

    Best regards,
    Yigit

    November 25, 2013 at 9:29 pm #193161
    sbrohamm
    This reply has been marked as private.
    November 26, 2013 at 2:41 pm #193426
    Yigit

    Hi!

    I see no problem when following code is not applied

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

    If you would like the header to resize when scrolled, you should remove this code from CSS

    Regards,
    Yigit

    November 26, 2013 at 4:37 pm #193491
    sbrohamm

    So basically, I can’t keep my header size shorter and still have it resize when scrolling. If that’s the case, I’d rather just keep the header height shorter and not worry about it resizing when scrolling.

    How do I keep the logo from resizing when scrolling by using code instead of making the change to the avia.js file?

    November 26, 2013 at 4:41 pm #193495
    Yigit

    Hey!

    It seems like header size goes to 70px when you remove the code. But i have added custom CSS code that will stop logo from resizing in Quick CSS section

    Regards,
    Yigit

    November 26, 2013 at 5:38 pm #193511
    sbrohamm

    Yeah, when I remove the code, the header goes back to the standard size. Not sure why we’re seeing it differently. Oh well.

    Thanks for your help Yigit.

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘More Header Height and Padding Questions’ is closed to new replies.