Home Forums Porto Template Scrolling header size

This topic contains 1 reply, has 2 voices, and was last updated by  Support 2 months, 1 week ago. This post has been viewed 124 times

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #10022401

    simplyjessica
    Participant

    Hey guys,

    How or where do I change the height of the header on scrolling and in general? I want to decrease the height a little when the user loads the page, and when they scroll down i want to deduct even more height.

    Screenshot


    #10022410

    Support
    Keymaster

    Hello,

    It’s all based in the content, to change that my suggestion is to reduce the logo size and top:

    FROM:

    <img height="120" data-sticky-height="100" data-sticky-top="33" src="../images/epsLogoHD.png">

    TO:

    <img height="120" data-sticky-height="50" data-sticky-top="0" src="../images/epsLogoHD.png">

    You can also remove the height from the container:

    (css/custom.css)

    .sticky-header-active #header .header-logo {
    	height: auto !important;	
    }

    Kind Regards,

    Jonas


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