JjcboulayAug 16, 2021
I've looked though the documentation and css and cannot find out how to remove the small animation that happens to the header menu when you load a page. I'd like to just have it static. Any help would be apprecaited!
remove "grow-in" animation of header logo and menu
5 replies · opened Aug 16, 2021
SSemicolon WebSTAFFAug 17, 2021
Hello,
Can you please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
JjcboulayAug 18, 2021
You can see it at https://nlco.ca
Thanks
SSemicolon WebSTAFFAug 19, 2021
Hello,
You can simply set the data-sticky-shrink="false" Attribute on the Header. Example:
[ch_pre][/ch_pre]
Additionally, you can also consider finding the following code:
[ch_pre type="css"].menu-link {
padding: 39px 15px;
-webkit-transition: margin .4s ease, padding .4s ease;
-o-transition: margin .4s ease, padding .4s ease;
transition: margin .4s ease, padding .4s ease;
}[/ch_pre]
and replace it with the following code:
[ch_pre type="css"].menu-link {
padding: 39px 15px;
}[/ch_pre]
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
JjcboulayAug 19, 2021
Perfect! Thank-you so much for your help.
SSemicolon WebSTAFFAug 19, 2021
Very Happy to Help! :)
Do let us know if we can help you with anything else or if you find any further issues with Canvas.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard