Responsive menu also visible in normal version

Hi,
I would like to display the Main Menu Offcanvas (the one that replaces the Main Menu on mobile versions) also on the normal version of the website.
It would actually replace the main menu.

In few words, I would like to get rid of the Main Menu and instead always have the responsive "offcanvas" menu even on the normal version of the website.

I tried to create a module with the following code inside :
and publish it in the "menu" position, but it does not work. I feel like I am close to the answer; but I am still missing something.
Could you help me with that please ?

Live url please

1.) Unpublish the main menu
2.) Add the code below to your logo module

<p style="display:inline-block" class="uk-align-center"><a class="uk-navbar-toggle" href="#offcanvas" data-uk-offcanvas></a></p>

Great thank you !
Unfortunately the live URL is currentlw set to offline. -> dmf-esthetique.fr
One last detail : I would like the menu to follow the scroll as in its responsive version too.

Thanks again for the fast answer !

Use sticky component:
getuikit.com/v2/docs/sticky.html

<div data-uk-sticky>
<p style="display:inline-block" class="uk-align-center "><a class="uk-navbar-toggle" href="#offcanvas" data-uk-offcanvas></a></p>
</div>

We are committed to help you with any type of support query, however we can't provide extensive help in terms of customizations. In general customizations may look simple but you will require solid knowledge of web technologies and programming skills to do them or hire a professional who can do it for you.

Works like a charm !

Thank you ! Your answer actually helped me to understand more than just what I was looking for.

Solved !