Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 27, 2018 at 12:05 am #933246
    woodlandsoffices

    I have shrinking header / logo enabled, but because I am using other CSS to override the logo size (I want it larger than the allotted space and overlapping the content) I think I have lost the ability to shrink when scrolling. Is there any way to get this back? The beta site can be found here.

    This is the CSS I am using for my header logo now:

    .logo, .logo a, .logo img {
position: relative;
left: 0;
height: 120px;
overflow: visible;
max-height: 120px!important;
padding: 0;
margin-top: 5px;}

    Any help appreciated. Thanks!

    March 27, 2018 at 9:20 am #933484
    Nikko

    Hey woodlandsoffices,

    Yes, you can use this css code:

    .header-scrolled .logo, 
.header-scrolled .logo a, 
.header-scrolled .logo img {
    height: 60px;
}

    just adjust the height, hope it helps :)

    Best regards,
    Nikko

    March 27, 2018 at 6:49 pm #933817
    woodlandsoffices

    That worked great, thank you for your help!

    March 27, 2018 at 7:18 pm #933826
    Jordan Shannon

    Hi,

    I’m glad Nikko was able to provide a solution. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Shrinking Logo on Scroll with larger, overlapping logo’ is closed to new replies.