Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Shrink logo on scroll

Featured Lock Resolved Issue
Hello,
please is it possible to have the logo shrink on scroll with this template? We have already tried several approaches from other templates (Helix3, Ultra, and few more), but without success. Here`s the link: https://yogalign.lautundluisa.at

Just to add: at the moment we gave the logo a "margin-top: 30vh;", if possible it should shrink back on scroll into the menu bar.

Thank you very much!

4 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Thanks for your query. Do you wanna like the screenshot. I mean that when header will be sticky logo size will be decreased?

http://prntscr.com/nrccx1

-Thanks

Gudrun Gregori

More than a month ago #Permalink
Hi Toufiq,
yes, thats what we want. First big logo (on site load) and then, after scroll, small logo (shrink back) into menu bar. We know that there is need of JS for scrolling, and accordingly to the template different CSS elements, whatsoever we were not able to find the different CSS selectors for normal and sticky (on scroll) menu differences for this template.
Our fear at the moment is, that this would not be possible with the template because of maybe missing CSS elements.
If you could enlighten and guide us, it would be really great!
Thank you very much in advance!

Gudrun Gregori

More than a month ago #Permalink
Hi Toufiq,
yes, would be great to be like https://eloo.domaincontrol.at/
is it possible?
Thank you!

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Thanks for your reply. Please add this css code inside the custom.css file.


.header-sticky img.logo-image.d-none.d-lg-inline-block {
max-height: 80px;
margin-top: -190px;
}

img.logo-image.d-none.d-lg-inline-block {
transition: all 0.4s ease-in-out;
animation: fadeIn 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}


-Thanks


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 117
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 91
Toufiq

Toufiq

Total Accepted Answers: 32
Al Mamun

Al Mamun

Total Accepted Answers: 3
J

johnny

Total Accepted Answers: 3

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us