Shrink or remove logo on scroll

More
4 years 1 month ago #59350 by trogladyte
camptreehouse.org/

Customer has asked if we can make the header area stick to the top - yes, of course. However, especially on mobile, this takes up a huge part of the screen. I think I asked once before about this, but couldn't see where.

Can we make the header wrapper (which contains the logo and menu) stick to the top and have the logo reduce by about 50% on scroll?

A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!

Please Log in or Create an account to join the conversation.

More
4 years 1 month ago #59354 by ced1870
Hi
yes I think that this has already been asked
here is a code that you can use to make it work
Code:
.istopfixed img.tck-logo-img { width: 30px; }

CEd

Joomlack Webmaster and Developer
The following user(s) said Thank You: trogladyte

Please Log in or Create an account to join the conversation.

More
4 years 1 month ago #59358 by trogladyte
Wonderful - that's perfect - thank you so much. Of all the developers I buy extensions off, you are by far the best - way above and beyond any others!

A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!

Please Log in or Create an account to join the conversation.

More
4 years 4 weeks ago #59362 by ced1870
thank you :)

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

More
4 years 4 weeks ago #59363 by ced1870
PS : I shall write a bit of code for that ...

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

Time to create page: 0.206 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 705 guests and no members online