Sticky Vertical Menu Elementor Pro

[@KayCinho]

Make your website scrolling horizontally: kzbin.info/www/bejne/d3zcfoR4btJ0eKM

[@КристиянТодоров-г6о]

Amazing Tutorial! Still Working Perfectly :)

[@Pedant_Patrol]

Just started and I already know this is gonna be awesome.

[@KayCinho]

Thank you so much for always watching! Much appreciated :)

[@sarahrain4371]

Hello did you make it work?

[@Pedant_Patrol]

@@sarahrain4371- I haven't tried it on a project just yet.

[@battleconflict3420]

I am so inspired by your video. I use this amazing looking popup for my clietns and they love it !!

[@KayCinho]

Hey thank you so much for your comment. I'm glad the tutorial helped :)

[@ValentinaRoss55]

Hi, Kaycinho! Thanks for your tutorial. Could you update us on how to create this menu using containers? For some reason, my Elementor only displays containers, not sections, and I need help to get the same results. I used to have the sections by default and then the option to turn them into a container, but now it seems to have disappeared. And my containers for desktop and tablet are stuck to the left.

[@SiscuSimon]

I love your tutorials! Awesome content for all of us! Congrats

[@KayCinho]

Glad you like them Siscu! Thanks for sticking around :)

[@diybyswain6086]

Honestly you are the best! Thank you so much

[@KayCinho]

Wow thank you so much for the kind words!

[@Markus-Ertel]

Thank you very much for your detailed and well-prepared explanation of the vertical menu in Elementor Pro. Thumbs up! 👍

[@DUBworkshop]

Great tutorial as always! Thank you! Have repeat this on my demo site (with horizontal scrolling) and links in menu linked to anchors on page. Sooooo, links works on Chrome on macos, but didn’t work in Safari :// Did you notice that? And if yes, how you fight with it? Thanks

[@werbekueche]

This video is absolutely stunning and deserves way more attention! You've done such an amazing job, thank you so much for this tutorial. I have some trouble concerning the breakpoints tablet to mobile. There's a range from tablet upright (i guess) to mobile, with no nav menu showing. Neither desktop nore mobile. Do you have an idea how i can fix that? Maybe change the breakpoints or add custom breakpoints?

[@1VIP1daniel1VIP1]

You are the king. Period.

[@miguelrf7949]

Great tutorial, I have a problem, when I Finish the tutorial my social icons increase the sizes and i can't fix it, even if I reduce the size. Any idea about How can I solve this?

[@xenophonvenios]

I am having the same problem, did you find a solution?

[@miguelrf7949]

@@xenophonvenios No bro, no solution or any response, if you got a solution please comment here.

[@greengreenington1684]

I love you Kay, thanks for the tutorial ! Keep them going :)

[@KayCinho]

Thank you so much, glad you enjoy the vids 😊

[@undylyh1383]

Great job man, keep up the good work !

[@aaronjimenez]

Great Tutorial. Thanks for your time making it 👍🏼

[@codaoz]

Love this and just followed the instructions. Thanks so much. One question though. Since this is a pop-up, what if someone has a pop-up blocker installed/enabled?

[@soonpaukun]

Thanks for sharing, been inspire me alot with the design.

[@KayCinho]

My pleasure 🙏

[@J-FEN]

I got this working great, thanks for the tutorial! I have one slight issue though where one of my sections in elementor when using the "depictor" slider widget is appearing over the top of my sticky vertical menu, only this section. None of the others are, do you know why this might be? Or what I can change in the menu settings/template to make this appear on top? thanks!

[@jessealmeida9607]

I need you help. Im building a landing page using your tutorial. But i have some problems with the menu. For example, i need that menu move to "sections" into my page. Im using CSS ID in the menu but not working.

[@riggsssss]

This is so smart! U opened me the inspiration with this! But I have an uncommon problem, the popups can only be opened by logged users and not logged the link (button) never appears. Do u know what could be the reason this is happening?

[@kayquebritoo]

thanks man, congratulations!

[@emmabranding]

Awesone Tutorial!!! I must be doing something wrong. It's all working on my laptop in all sizes (PC, tablet and Mobile, when I resize my browser) but for some reason, I don't get the popup on a real mobile...

[@emmabranding]

Ok got it to work. If in your optimization you Defer Render-blocking JavaScript, the popup won't pop on mobile for some reason... FYI to anybody who gets this issue.

[@sarahrain4371]

I got this issue so i had used a normal menu on mobile and tablet that doesn't require a popup

[@sarahrain4371]

I noticed that the css code used in this tutorial disturbed the presentation of the responsive mode. Any idea about that please ?

[@hancokamper]

Hi Kaycinho! Thank you so much for this tutorial! I'm really loving your channel, man! Oke, so I can reproduce what you did in this video. The only issue I have is that when I click the menu Icon, the menu popup loads, but it also resets the page to the top. So if I scroll down on a page and click on the hamburger menu, the menu opens, but the page jumps back to the top - which is super annoying if you navigate a site with a tall homepage, for example... What can I do about that?

[@TurchinidesignCoUk]

I have created my horizontal scrolling site and added the vertical Menu. Then I have tried to link the Menu items to the the relevant slides using ID links. I was unsuccessful. Tried using Anchors, it did not work either. Do you have a tutorial ? Thanks

[@leoconesa1312]

I tried but finally I choose another plugin, this menu doesn't close on the click and doesn't even scroll to your section if you are using horizontal layout.... And even if you add some JS the menu is buggy

[@thewebstylist]

Fiyah! Curious if we could purchase this whole amazing site from you bro?!$

[@sebastianodibusti]

Hi Kaycinho, I like your videos, I want to know how I can change the background color menu for diferent sections on horizontal scrolling? thanx a lot

[@DrewVachal]

This is great, if I wanted sub pages on the menu... how can I make it so it's it's own pop-up when you tap on the drop down? Or is that even possible?

[@diybyswain6086]

Love your content so much

[@lucacossu1088]

Kaycinho, could you please show us how you did that scroll to navigate mouse pointer, i love it :D

[@kpviper7]

I don't know what I'm doing wrong. I've now watched the full video and completed each step one by one multiple times, but my verticle menu icon will not work and will not open my pop up window? I click to find the popup, find it, then click on the wrench and type in the correct FS popup and select it, then publish, yet, when I'm on my live screen, it doesn't work? Any suggestions would be much appreciated. Thank you!

[@emmabranding]

Samething here. Works on my laptop perfectly when I change my browser to adapt to PC, Tablet and Mobile but when opening the page on a real mobile, the popup doesn't pop.

[@sarahrain4371]

Same here. I couldn't. Make the menu show on my website. Did you find the solution?

[@emmabranding]

​@@sarahrain4371 If in your optimization you Defer Render-blocking JavaScript, the popup won't pop on mobile for some reason... FYI to anybody who gets this issue.

[@emmabranding]

Ok got it to work. If in your optimization you Defer Render-blocking JavaScript, the popup won't pop on mobile for some reason... FYI to anybody who gets this issue.

[@networkfreddy2000]

Liked, commented and subscribe. Great video! I don't have a portfolio yet but will be using this type of menu for my first client. Going to go through some of your other videos to get some ideas for laying out content. Hoping to see some videos on handing finished products to clients as well.

[@sarahrain4371]

Were you successful in making the vertical fixed menu?

[@spid3r705]

Does this work with the new container update in elementor ? I tried it and when i hover over the Header (while viewing the site) there appears a scroll bar in the header (height is set to 100vh)

[@rachidkadi3160]

Hello Kaycinho, Your tutorials are absolutely brilliant and well explained. I love using your tutorials and they are really helpful. In this tutorial I can't explain one thing, why are my social media icons shown larger in the vertical popup and in the desired size in the popup FS menu. I can't figure it out, I've tried everything. I can also click on the icons in the pop-up vertical. thank you in advance

[@Ostad_oomade]

nice. why dont we use "Hello Elementor" theme? to skip the empty header/footer step

[@Leoyardo]

Hello, maybe you can help me, I have a problem with the submenu, I don't know how to edit the space of each option, the space is small and the options are double-lined, I would like it to be only on one line.

[@sarahrain4371]

Hello, were you successful in doing that?

[@leoconesa1312]

Yes you need to custom css to it . line-height: ????% don't forget !important to it my class is .elementor-???? .elementor-element.elementor-element-????? .elementor-nav-menu--dropdown a

[@diybyswain6086]

Thank you Again :)

[@m.z1536]

Hi mate, very nice videos. I learn a lot out of it. But when it comes to the links in the added menu, how did you manage to bind each link to the slide? I have added anker to each slide "section" but still not working.

[@sarahrain4371]

Hi, were you able to make the vertical menu for all of your website?

[@shaymenashelevy7814]

Thank you for the video! :) But from some reason the mobile header doesn’t work... :/

[@ajgm1919]

A great tutorial, especially if it is combined with the horizontal scroll, but when it is a mobile version, how do I make it have a normal footer. Thanks again and best regards.

[@sarahrain4371]

Hello. Did you use try this tutorial? And did it work?

[@battleconflict3420]

How can I get more space horizontally, I finished the header but in my case the logo is too little, hard to see in the menu. Can someone help me ?

[@sarahrain4371]

The css code disturbs the presentation of the responsive mode. How can I fix that please

[@sarahrain4371]

thank you for the tutorial, i have another problem the pop up doesn't"t always show its content I don't know why. How do I solve this problem?

[@sarahrain4371]

I solved this. Idk why the popup doesn't always show its content on tablet and mobile. So i used another menu from the plugin header and footer builder. And it worked

[@EpicEren]

Did you try to use locomotive scroll for better scrolling?

[@itxarmani]

Your new subscriber 😃

[@KayCinho]

Welcome!

[@YaronRosen]

so the left sticky vertical menu header is basically a popup?

[@francoisalbert5605]

Hi, this method does not work inside the Shop page that I created with Woolentor or the default shop page from Woocommerce. It is a shame...

[@risingjourney888]

Somehow the logo doesnt appear on the sidebar after publishing, does anyone potentially know why?

[@sarahrain4371]

Hello, i was able to finish the tutorial but i don't understand why I can't see my menu on the new pages i create just like the header and footer

[@sarahrain4371]

So i figured it out. you should go to the *page's settings* and instead of elementor canvas choose *theme*

[@hervemottet1358]

thank you Mister the best of the best

[@KayCinho]

Thank you for the kind words Hervé!

[@xenophonvenios]

I am having 2 problems, can someone help me? The social icons become larger and unclickable on the sidebar and there is no close button on mobile devices.

[@kpviper7]

Bro, this is so bad ass 🔥🔥🔥, how much do you charge? Hmu

[@KayCinho]

Thanks man! Charge for what?

[@kpviper7]

@@KayCinho charge to do this for clients? Also, im having some issues with this, im following your video but for some reason the titles im giving my pages are showing up on the page and I can't for the life of me figure out how to not let that happen 🤔🤷‍♂️. If needed I can send a screen shot 😅

[@MrSanczopl]

Hello Kaycinho, pretty nice videos, learn much from them and I really appreacietaed. Can you make video about using HTML&CSS&JS animations from CODEPEN? I learn how to use html&css from your videos, but everytime I am adding js. it doesn't work.. I'll hope you response and show that to ppl and of course help me :D have a nice day bro

[@sarahrain4371]

Do i need to manually add the menu for every page i create?

[@sarahrain4371]

No. But you need to change each page's theme to the theme you are using. In his case astra theme

[@mark.benkovits]

Hi, I love your videos and thank you for them. I don't understand why but when I try to make this vertical menu I always have a vertical and horizontal scrollbar what I am not able to hide or remove or anything. Does anybody have any idea what should I do to solve this problem? Thanks in advance.

[@sarahrain4371]

Hi, were you able to solve the problem?

[@mark.benkovits]

@@sarahrain4371 Hi, I needed to play with the margins in negative if I remember well.

[@sarahrain4371]

@@mark.benkovits i wasn't able to pin the menu so it could be displayed on every page of the website. Do i need to add it everytime i create a page?

[@mark.benkovits]

@@sarahrain4371 It's a popup. When you create the popup you're able to set up the availability conditions so you can add the "entire site" rule to appear it every single page what you've ever created.

[@Nono-cd7wg]

First of all, you are great! I'm watching every video to learn about elementor with you. But how can I use this menu on horizontal scrolling menu? I tried but I can't make it sticky while I scroll horizontal. Thanks!

[@sarahrain4371]

Were you successful in making it for the horizontal scroll?

[@Nono-cd7wg]

@@sarahrain4371 Yes. But it's just a one page web

[@sarahrain4371]

@@Nono-cd7wg so i need to manually add it for every page i create?

[@klmbr9397]

Yes but the nav doesn't closes on clicking on a menu item....

[@gaizkarweb]

Tks!!

[@john-iveson]

followed step by step twice and i cant get the mobile header to show

[@elephantear7659]

would be great to have a sticky vertical menu that you could place anywhere instead of the type that takes up the entire left side of the screen...

[@sarahrain4371]

Hi i wasn't able to make the vertical menu show on every page of my website. Any idea how to do that?

[@elephantear7659]

@@sarahrain4371 I'm using Wix now, love it

[@ramihanna8245]

I dislike this video because of the hug number of zooms, I get strong pain in my eyes and head because of your video.. 👎👎