Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 19, 2019 at 7:04 pm #1069065
    oliverrees

    Hello there,

    Thank you for your help so far with my site – it is nearing completion! Whooppee!

    What I am looking to do now however, in my steps towards perfection is to only have the larger version of the header, that shrinks as your scroll down on my main front page. On the other pages, such as my portfolio page where I have a masonry grid of images, I am looking to have the smaller shrunk version from the start. Is this possible to achieve?

    Thank you, and kind regards,

    Oliver

    February 20, 2019 at 5:52 pm #1069580
    Nikko

    Hey Oliver,

    I think it’s possible though there’s no option for that but some css codes might do it.
    Please give us a link to your site and maybe some screenshots/mockups of what you’re trying to achieve so we can give more accurate css codes that should help.

    Best regards,
    Nikko

    March 1, 2019 at 11:28 am #1073040
    oliverrees

    Dear Nikko,

    Thank you for your message.

    If you navigate to my portfolio page, and scroll down, you will not the header shrinks in size to a smaller size.

    For these pages I would to know if it is possible, to leave them static in the smaller size.

    Leaving the larger shrinking down to the small logo animation to my front page.

    Kind regards,

    Oliver

    March 4, 2019 at 5:42 am #1074142
    Nikko

    Hi Oliver,

    I have commented out the code you have in Quick CSS since it won’t work (because /void isn’t valid), then I have added this css code:

    .html_header_top.html_header_topbar_active.html_header_sticky #top #main {
    padding-top: 72px !important;
}

.html_header_top.html_header_topbar_active.html_header_sticky #top.home #main {
    padding-top: 0 !important;
}

#top .container.av-logo-container,
#top .main_menu ul:first-child > li > a {
    height: 45px !important;
    line-height: 45px !important;
}

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

#top .container.av-logo-container .logo a, 
#top .container.av-logo-container .logo img {
    max-height: 45px !important;
}

#top .av_header_transparency .container.av-logo-container .logo a, 
#top .av_header_transparency .container.av-logo-container .logo img {
    max-height: 90px !important;
}

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.