The Navigation Menu Tutorial | Elementor Pro
HTML-код
- Опубликовано: 24 ноя 2017
- In this video I will show you how the 'Nav Menu' in Elementor Pro works. I will talk about all settings, how to use it in combination with another section and how to optimize it for Smartphones and tablets.
Get elementor Pro: ferdykorpershoek.com/get-elem...
I watch almost all of your videos and I must say that you are an exceptional teacher! You're so gifted at teaching!! Thank you so much for taking your time to make these videos for us! They help us a TON!!
from Pakistan: You are providing valuable content free of cost. no words for your kindness Sir Ferdy
This tutorial really helped me a lot. A big thank you and hello from Bali, Indonesia! 😀
super!! helemaal blij met jouw video's!!
zo duidelijk uitgelegd!!
Thanks a lot for teaching us with your great Elementor Pro skill! Merry Christmas!
Thank you! Merry christmas to you too!
Awesome vid! This exactly what I needed to know. Thank you, Ferdy!
thanks for this vid! this is gold! definitely sub and added this on my playlist.
I created my header based on your tutorial, works like charm, finished my header a few hours ago! thanks Ferdy!!!
i guess I'm kinda randomly asking but do anyone know of a good website to stream newly released tv shows online?
@Brodie Jake i dunno atm i have been using Flixportal. just google after it :P -skyler
@Skyler Wilder thank you, signed up and it seems like a nice service =) I really appreciate it!!
@Brodie Jake no problem =)
im from cape town thank you for your help you do not know how you are helping people
Excellent video - thanks so much. I need to watch again - so much to take in!
Thank you!
Hi, nice video,
which theme you are using? and how you hide top bar (theme navigation) ?
This is awesome Ferdy! Dank! Is this menu on an individual page or can/is it part of a "template" for other pages?
So amazing videos, and so lovely language. Warm and calm and very interesting. Thanks.
Your tutorials are so simple and clear! Thank you for all time you've putting into these for us.
Hoping you can help... when in Elementor Pro over to the left is the panel. When there is a Global Navigation Menu on the far right (the Menu has sticky setting and is transparent, just like in your tutorial ) it can only be seen when Elementor's panel is closed. There is no selector visible. Also, it cannot be edited with Elementor Pro. How can I locate where it can be edited? There are other buttons/links that also that cannot be edited.
I appreciate any assistance from you and your wealth of knowledge.
Do you know how to deactivate the built-in menu and keep the Nav menu alive?
just wow. I love your tutorial. thank you so much. please keep it up to give us.
When installing elementorpro to a clients site do they have access to my license key or is that exclusive to me.
you a Amazing WordPress Developer.
Wow, thanks Ferdy for this tutorial. Do you have a video that guides us on how to create the top bar for contact details and social icons?
Thank you Ferdy!
Your tutorial is great.,
I am trying to figure out how I can put a image or on the roll over of the navigation buttons can Elementor Pro allow one to do that?
You use only Elementor or Elementor + themes?
Hi Ferdy, at timestamp 8:13 you mentioned that you wanted to take things a bit further by removing the top bar. How did you remove it? I currently am using Astra theme and can't seem to get rid of that white space at the top.
Great elemetor pro skills
Thank you Clod
Awesome videos as usual Ferdy! The Elementor Pro Menu is really a good option, it's a shame that it has not the feature to stick to the top when you scroll down. Will you recommend me some plugin for this feature? Thanks in advance!
waou this is an amazing i really like this elementor i'm gonna try it right now
ferdy i really like the your english and the way you explain things
i think i'm your fune number one
congratulations and continue like this brother
my dear friend you seem fort but you didn't send me that simple ways how my clients can sell in my website
thank you
Hi Ferdy, I'm a beginner with WP, Elementor, and Astra. I'm thinking about purchasing the pro version. So, my question is, should I have both Astra Pro (or Agency) AND Elementor Pro? Or Elementor Pro alone is okay?
nicely done!
Bro!
Very very usefull and well presented
Hi there Ferdy, thans for your videos. I have a question: Is it possible to put the border to a single menu item?
Great video Ferdy!! Thanks. I discovered the only way I can get the Nav Menu to display is to remove my WP Site Identity Logo, and turn off display for Site Title & Site Tagline. I am now worried about how the site will look in search results. Should a description be added to CSS ID & CSS Classes for the logo, site title and tagline to replace what WP would show? If so what for each. Thanks
Do you have a tutorial where you explain how to create the 3 white text boxes (with the fade in animation) which appears always to the beginning of your intro? Thank you! :)
Hi Ferdy , thank you for your explanation, it's really helpful. may I ask you if i want to use The Navigation Menu at elementor Pro, what about the Navigation menu from apperance-customize wordpress ? does it will show double ? please answer it! thank you Your subscribed from Indonesia.
this is brilliant
Hi Ferdy great video and content I have a small question on 2:09 when you hover you mouse over services item drop down appears if you notice there is a delay when drop down appears and dissappers is there a way we can stop that like no animation or fade out when you hover?please help i don't know coding thank you.
And on astra I could color only the Menü background different, which looked beautiful, but I cant combine astra and elementor.
Is it possible make mobile menu horizontal instead of dropdown? Thank you so much
Same question as guy below me: How can I make this header automatically show up at the top of all my pages? Do I do that within Elementor or from the Wordpress dashboard? I always get confused on when to use which.
Hi Fredy,
Can you please inform or make a video about how we can creat a pros and cons table by using elimentor? I can't actually do it properly. I think if you suggest something about this, it can quite helpful to many like me.
Hello Ferdy!
Thank you for this tutorial!
When I start in order to edit the nav menu, in what of my already created pages should I begin? Main page, maybe? When I click on 'edit with elementor' in any of my pages, they all open with a main menu already on top. Do I create a new widget underneath with the new nav menu, to eventually delete the original one?
you can search video for" header elementor", it explains how :)
@@shirley988 Thank you so much! I am trying to change completely the menu from theme Twenty Seventeen ;)
Hi Ferdy, is it possible to implement CSS in Nav menu, at the moment i can only change colours
Great option but when you go from page to page the menu items contract and expand, can this movement be stopped?
Thanks for the video. That helps a lot and I really like Elementor Pro more and more!
I was wondering though if it's possible to also make a sticky menu that stays on top of the page when scrolling. Do you know that?
Hi Alex, these days it it possible. I explain it here: ruclips.net/video/P6SZvK0lBmI/видео.html
thank you. it helps.
This solves the transparent header issue I've been having. You should also add "transparent header" in the title.
Geo great tutorial
Hello ferdy, please tell me how I'm trying to remove the border on the menu that appears when I visit (activ class) when I use the effect pointer, i am so stuck in this case :(
great dear Ferdy. Tanks for share.
You are welcome Filipe!
Great Video
thank you brother
Is there an option to change the hover option to on click option in submenu option?
Thanks a lot for the video Ferdy. Wondering if you could help me with the answer to the following question: I have a site that I am building on Elementor and this site will be multiple pages (4-5 pages). My goal is to make the logo which I will place on the header next to the nav menu widget link to the homepage of the site so that whenever I hover over the site's logo I am able to click on it and go to the homepage of the site. I was wondering if the best is just to add the URL via Link to Custom URL? Or is there a better way?
Hi, these days it is so much easier to make a nav menu. You can watch this tutorial: ruclips.net/video/P6SZvK0lBmI/видео.html
You can link the image/logo to the homepage.
Hi ferdy, please help me, why when i click menu it will open page in a new tab? i am also using nav menu in elementor pro.
how to set when click to menu, it just direct to the page, not open in a new tab.
thanks
How know how to create a navigation menu, but how do you get it to just replace the current navigation menu that you have. I don't want to create a whole new header when I already have one.
realy usefull tnx
nice ferdy
Hey guys does anyone know if Ferdy or some one else has a video explaining how to create those 3 cards that slide up on the intro website to all these videos?
Hi guys, do you know why my selected button is alaways blue even if I selected transparent in the menu ?
Hi Ferdy, thanks for the video. I'm wondering, is it possible to work on layered section? E.g nav menu in front of an image?
Any video tutorial on this? Thanks !
Hi, here you go: ruclips.net/video/HTAm1C1mgP0/видео.html
Awesome Ferdy !
Thankyou...a lot
Ferdy, een vraagje. Het is me gelukt, alleen nu verschijnt het menu alleen op de home page. Dus niet meer op de overige pagina's. Hoe los ik dit op? Ik vind een menu vanuit Elementor gemaakt er wel speelser uitzien dan die via de Wordpress instellingen in het algemeen. Dankjewel!!
how can you change color for only one nav menus? do u use css code?
Can you please make a video on difference between element pro vs divi builder. Please
great wp teacher i have ever see
Thank you 😊
Hi!! can you help me how to make off canvas drop down menu in elementor?
hey ferdy, I can't get the menu to show up on my blog page ... ideas???
Ah, and same here, if I make the header here, İ want to have one image to the Wohle header background, but İ need several sections, because İ need two columns on top, but the logo shall be in the middle, centered
At 14:51, the logo and header are not horizontally align to each other. Instead of the logo stays above the navigation. How to align them next to each other? Thanks
do you know how to center logo in the navigation ?
hi, I would like to know how I make multiple nav menus in Elementor. I am making a site for 5 sports-clubs, and from the frontpage of this main-site, I would like to go to those sportsclubs with their own frontpage, nav menu, logo etc. I have looked for such a video here - but no succes! Thanks in advance.
Good Luck!
Hi Could you do a tutorial on Jetwoobulider and jetwoo menu (mega menu creation) with elementor ?
Can you please tell me what theme do you use?
Hi Ferdy, can you a website built with siteorigin switch to elementor pro?
geweldige tutorial!!! ik loop alleen tegen een punt waarbij ik het hamburger menu voor tablet niet gelijk krijg als het menu voor telefoon(daar staat alles wel goed) terwijl ik niks anders heb ingesteld, nu 2 keer opnieuw geprobeerd maar website reageert niet zoals bij jou in het filmpje
Amazing
Good Job my Friend
WOW... Big like!!!
What measurement of logo did you use??
I LIKE IT.
The menu on the left of the elementor does not load anyway. What should I do? I liked it and had worked with pro before. Now I have uploaded to this site, but as I said, the left menu remains loaded continuously in page editing. Please help. Best regards.
Sir
plz honestly I 'd like to say you that
I will be very happy
if you make a detail video tutorial
regarding
"how to create an elementor theme for envato marketplace (themeforest.net)"
with theme submission detail (hard rejection/soft rejection) scenario.
Within your youtube playlist
I 'd like to see such a powerful video and I 'll be waiting for...
I specially note that I have actually seen and trust that
Really you have a lot of creativity
in this sector.
Don't take it otherwise...
Plz sir.
I am big fan your
Thanks .. but how to display this menu for every page?
I tried with the vertical nav menu. I set the primary menu on the left side of the page. However, the submenu when clicked, appear at the far right of the page. I can't seem to adjust the submenu layout. Is there anyway we can further customize the submenu?
Hi, I have no solution for that. I am sorry.
Sir i have created menu more then 15 but when it comes to down so i need to make the menu scroll... how can i do it sir
How can he leave the "elementor Pro" item without action?
But which theme did you use Ferdy? I'm almost ready to buy Elementor but confused to move from the Divi Theme to the Elementor Plugin. Which theme did you use whilst making this demo?
I used Phlox. The free version.
Thanks dude! Love your accent by the way.
what theme are you using with this? thanks
The theme is Phlox and the default almost looks the same lol
Hi Ferdy, can you tell me if Elementor has a negative effect on page/website speed?
Hi Michiel, It has no negative effect on page/website speed!
I watched the whole video hoping to find out how to link the header to different sections on the page. It was never mentioned. Did I miss something?
Excellent...again. I really wonder how you get the hang of all those tricks so quickly :)) Btw...Elementor 2.0 Allows now sticky menus.
WHAAAATT!! Elementor 2.0 allows sticky menu's :D:D:D YES YES YES!! Time to dive in to that! Thanks for letting me know! I was waiting for that! And about getting the hang of all of that. I am just playing with it! 'Lets try this, lets try that. Lets combine this and that.' I love my 'job' :)
We also love your job Ferdy. You are very good at it. Can't wait for your next tutorial :))
How to add sales funnel with get response?
Got a couple of problems:
1. The menu point with several pages as childs has different padding than the rest. Doesn't make sense
2. It has two arrows not one. I guess the 2nd one is not from Elementor. But I just don't know what else. Checked everything.
3. The childs of that menupoint are not in the middle but randomly over the horizontal axis. Also there is an arrow there as well, which also doesn't make sense, since they don't have any childs themselves.
how did you remove the top bar at 8:17
from theme settings you should find height of top bar and make it zero
Hello Ferdy.. Very informative video.. I could use elementor eaasily because of. your videos. Thank you so much..
I am not able to change the colors of the dropdown menu in desktop version.. It should be very easy, but i can't change... Is it something to do with the default color options of elementor?
Great to hear that!
To be honest, I don't now. I do know that Elementor is working on the Nav Menu since it has been a bigger feature since Elementor 2.0. Maybe we should be patient for the updates on the header/menu feature.
Yes I've been having the same issue, I can't change the submenu background. Annoying!
Roland De Aragon and Ferdy... thanks for your comments.
My issue is resolved..
It was due to some extra plugins on my word press.. I deleted them for some other reason but then I could make these changes.
Hope it helps
Which plugins were they? Maybe I have the same plugin that is affecting mine also.
I don't remember exactly what happened that day but I will write whatever I remember. Maybe social warfare.. read below
Social warfare and social warfare pro were to be updated together along with my theme updation (poor theme from themefuse- The core). I did all three updates but social warfare pro didn't upgrade. So everything was a mess after that.. I deleted both of them and reinstalled.
Also other plugins like Unyson, Aksimet, Multilingual, Multilayer, slider seven 7... these are some of the plugins that got installed during initial installation of WordPress and the theme. You can just deactivate any plugin which you think might not be helping and then delete after few days if everything is running fine..
Deactivate plugins one by one and check.
Hope it helps.
Hey, Ferdy..how to add the nav menu automatically to all the pages I create? I used phlox theme following your tutorial.
Hi, save the section as a template and load the template on every page.
Ferdy Korpershoek Thanx a ton :)
I've already built the website using elementor, now if I change the theme from phlox to ocean wp...will I lose my content ?
No, you wont.
Superb !! (Y)
Thank you!
if we want to create self navigation menu using elementor pro .how to do this task ?
Here you go: ruclips.net/video/2n1vG5OK-Xs/видео.html
Is it possible to fix the menu at the top ?
i also would like to know this
This is not possible. Then you could use the menu of the theme.
'I like it'
Hi on my navigation menu I have a services page title with a sub menu. How do you have services tile just as a word and only the sub menu working. keep up the good work
Hi ray, you can create a custom link and add a # as the link. Then it will not be clickable.
Great got it sorted thanks for your time