Good Morning,

Apologies if this has been asked before but I cannot seem to find an answer in the forum.

I am using the Buildr template and trying to configure the effect that many websites have whereby once you start scrolling the menu bar shrinks in height and the Logo with it.

Right now I am using the 'standard' theme to get the page-wide-menu and I have the Logo and Menu modules in the logo position. The logo is a png image, medium size stretching the menu bar to the same size. As the user starts scrolling I would like the logo to shrink in size to allow for the whole menu bar to also shrink to short bar.


I was wondering if anyone knows how to implement the effect. Can this be achieved using configuration only? If not, I guess CSS and JS files would have to be changed, has anyone done this?

Many thanks in advance for your support.

Conrado.

Hi Conrado,

Sorry for the delay on a reply

Do you have a link for the site?

Cheers
Paul

Hi Paul,

Apologies, I missed your response. The Website is hellopadel.org, though currently I have do not have the Logo as it was stretching the menubar position too much. Shall I add it again to the left of the menubar in the menubar position?

Cheers,
Conrado

Hi Conrado,
You can try something like this in your custom.css:

html.fixed #logo img{height:60px}

Where 60px reflects the height of the menu area - so you may need to tweak that a little.
Thanks