ฝัง
- เผยแพร่เมื่อ 14 ต.ค. 2024
- With the latest Flatsome update 3.13 it's now possible to create your custom dropdown mega menu. In this quick tutorial I show you how it works and the different settings available. Import the pre-made layouts available in the Flatsome Studio (UX Builder).
Flatsome support:
👨💻 uxthemes.com/s...
📖 docs.uxthemes....
💬 / flatsome
![[Full Episode] The Restaurant War Thailand ศึกพ่อค้าซ่าแม่ค้าแซ่บ Episode 4 | 13 ต.ค. 67](http://i.ytimg.com/vi/h8N9tY46P-M/mqdefault.jpg)
![ILLSLICK - WINTER IS COMING [Official Video]](http://i.ytimg.com/vi/dwTMeM1zIhQ/mqdefault.jpg)
Good work guys
you need to keep making these videos. very clear and well done! Flatsome is my favorite. Running 2 installs.
Great contribution, didn't know the channel. An excellent way to show what's new, keep it up.
I wish you the best. Flatsome, probably the best WordPress theme.
This is great, I wonder if I am already using mega menu's plugin if now i can delete that plugin and run everything through Flatsome.
Except that it's still a tab because when you hover over a menu with the mouse, the sub-menu is displayed without clicking, while with tabs you always have to click to display the content of the tab, it's not practical for visitors. You have to add an option to display the content of a tab by clicking or hovering.
This is awesome! But how can we make a Vertical Menu like that? Can you make a video about that? Thank you so much!
Awesome - However I really would like to opt for a built-in way to change the right-hand column based on the hover on the left-hand side. Similarly for clicks
let's say the standard left column is tutorials/video tutorials/written tutorials.... based on what is selected on the left it would show corresponding images and links on the right.
Let's say the user selects video tutorials the images and columns should display relevant information.
I am sure you clever heads can figure it out.
The things I mention are pretty easy to code yourself but it's a feature I really would love to see.
It’s looking great! How about mobile version?
Make sure your UX-Block is mobile friendly. Then go to Customize, Header, click "Block 1" or "Block 2" and connect with your new UX-block that you just created. Then go to Header Mobile Menu / Overlay, uncheck everything, activate the "Block" you just fixed. Last step is to choose the fullscreen Menu overlay at the same area. Good luck!
@@recapped70 Thanks for that. This works well if your whole menu is in the 'Block'. But how can you show a mobile version of 'Main Menu' plus the 'Block' with the mega dropdown menu? Any ideas
@@annelane5255 this isbullshit cant work on mobile
@@annelane5255 did you find a solution to this?
What about mobile and tablet view?? Is this working only for desktop view?
to all people here that struggling with mobile side menu: this is the solution!!!
1. you need to ignore the main menu and just create a new one that will be used only for mobile version. just create a new menu and drop there all the categories you want to be there, including all the mega menu categories. when you finish call it something like 'mobile side menu' for example.
2. after you done to create the new menu and saved it, go back to customize screen and open the header editor.
3. now click on mobile icon in bottom of the side menu (NOT TABLET/MOBILE ABOVE THE HEADER EDITOR. I MEAN THE MOBILE ICONE IN BOTTOM OF THE SIDEBAR).
4. now you can edit the side menu for mobile display. what you will add is NAV ICON. just drug and drop it on the side of the header.
5. next CLICK on nav icon to edit it, and scroll down to 'Menu elements' section.
6. you can add any widget you want, but the one we want now is BLOCK 1 or BLOCK 2. just click on one of them to add it to the side mobile menu.
7. after you add block and saved the changes, just click on BLOCK 1 (OR 2, THE SAME AS YOU ADDED) from the header editor, and set this block content to 'mobile side menu' from the drop list.
8. save the changes and you done!
I hope I will make a video of the process when I’ll have some free time. there is literally no solution anywhere for this question!
except @Recapped that mention this solution briefly.
so with your solution you need to create the whole menu in a block instead of just the "Mega" part, is that right?
@@NatureNavigator783 yeh you are right.
Make a video already bro because I cant follow up what you said
Hey Seb! Thanks for your videos and free support always! I have a question: How can we resize the drop-down menu?
Love this feature. Really cool. But how to show a mobile version of 'Main Menu' to include the 'Block' with the mega dropdown menu? Any ideas
you can look above i explained how to do that
Great work. Pleaseee can you explain where I can my sections once I have saved them as a preset?
Hi guys, thank you for such a great update, it was very needed. We're currently using Ubermenu, and I'd like to get rid of it as it's difficult to add new items. I did have a request however, and that is that I'd like to see this demonstrated as it pertains to the mobile/tablet view of the new menus. Can you do one for that?
Thanks for the video. Side note: What are you using for the SEO page scores?
Hello, thank you for your video, Can it be displayed on mobile phones?
Excellent - I just created my first mega menu in 10 minutes and will directly add this to the new project. It's actually my 4th Flatsome project (E-Commerce). Thank you for your effort and greatly appreciated - as always :-)
how did you add a subcategory to one of your menu selections?
Thank You for this video! Really helpful!
So, for the menu element the custom class assignment doesn't work. Mouse over effects don't work either or if they do, there is no obvious way of altering these. There appears to be no way of styling that element at all. Also, if you go with a custom layout, the menu defaults to the left of the screen.
hi flatsome,I am your fans , will you update [the new animations & effect] ; [Section divider effect] ; [more border radius option ] on 3.14? :) thanks
love flotesome, on dextop everything alright, but on mobile devise does not work, any help ?
I am the guest of the video on the site and it opens only on the diskette, but on the mobile phone it does not work, so what is the solution to the problem please make an explanatory video
This is great but is this not compatible with mobile yet? The menu disappears on mobile
Great to see you here bro.
No mention of the mobile menu??? Kind of an important feature! Saw a reply to a comment but couldn't follow what he was referring to?
Actually, all that my client wants is an old-fashioned menu, where the submenu drops down, and the submenu items expand to the right, rather than having a multicolumn submenu. How do I do this in Flatsome?
Hi, i want to ask you how to turn on Flatsome menu item options. I don't have them as you have in 4:03
Siema, I dont have it either and im trying to figure out why now. Did you find a way to activate it?
Hi, Is it possible to create a menu for a specific page? or remove the main menu from one page?
Hi Seb! thanks for your video, I tried it and it works perfectly on desktop but did not display on mobile (I already assigned main menu on both mobile and desktop..)
As always, thank you for the information :)
Amazing, i m very interesting, working on mobile version??
not
It would be great to have an option to remove those lines between menu elements and lower the gap to fit more items in the menu
Hello, where can I change mouse over color of menu links? I have tried many things and nothing works, help appreciated.
If you create a mega menu with UX Blocks, on mobile it doesn't expand, it's very strange.
Thanks, great tutorial!
How can we use Mega Menu for Woocommerce: My Account Menu?
Thank you, and can I add sub menu items to the same please reply..
Hi thanks for the video, having issues with this. If i press the link in the menu. it will only show if i am logged in. If not its just a white page. Any solution for this?
sir mega menu not working on mobile screen. pleas help
TEXT COLOR OVERRIDES! The drop down is so chump without this.
Any word on this working for mobile? That's really important.
Thanks, very valuable.
When I do this my site does not show a dropdown/Mega Menu. It just has Mega Menu and no dropdown menu appears on the page. Do I have something turned off???
how can we make a Vertical Menu? Please reply.
Good video. Thanks.
What about the submenu? there is no any option to create layered menu items.
I'm having the same problem, I need a layered menu - submenus, how can I do it?
Is it possible to create a menu for a specific page? or remove the main menu from one page?
Fantastic update
I experienced something very weird. A menu appeared in my absolute footer, between the payment icons and the copyright line. I have not turned it on myself, it simply just appeared. Neither can I switch it off anywhere in the absolute footer settings. Is this a bug? It is very annoying ...
Hi i imported premade mega menu just like you do but it is not loading well. only html tags and some codes loads. why is that?
Brilliant. Thx
mine doesnt have the flatsome studio to import one, what's the problem with mine one?
You didn't discussed about mobile ver.
greetings from Philippines..I just wanna ask how to rename from " Add To Basket" to "Add To Cart" or how to make a Buy Now Button
Hi! Thanks for the great video!
I'm not being able to change the size of "Menu dropdown" to Full width. Is that a plugin that I'd need? Thanks!
Same problem here. Did you fix it?
@@joacimtorgersen8904 unfortunately not
@@adamvincent606 Fixed. Try to delete browser cache and cookies
@@vapex1369 Still have the same issue
Perfect. Please show how to add how much viewed post section .)
How can I make the megamenu and drop down visible on mobilephone?
I want to use flatsome theme for my social conent website but it looks hard/ Please create tutorial and update blog options
still cant change the font color in the regular drop downs.. nor set more than 5 colors nor change row background color, it chages the bg color of the children-columns....Do you guys want my laundry list of things you need to do ?
Nice. Explanation..tnx bro
How do you create Sub sub menu?
VERY nice :-)
Very usefull tip!
i dont understand why but cant load any element from flatsome in my ux builder
hello budy can u help me out regards How To Make OnPage Anchor Navigation Links With WordPress in ux builder
this doesn't works on mobile. any workaround for that?
Hello, thanks for your great job. But I have some problems when I edit menu. The product tabs such as product category doesn't show on the sidebar, so I don't know how to add product category to menu. What I can do is add custom link page to the menu. Does anyone else have this problem?
Also the mega menu isnot responsive for mobile
Yes this is great but on mobile there is an overlay effect which i cant resolve: decorstar.hu - If you view on mobile, there is a hover effect...I cant rid of it:(
I have created a UX block but somehow once in appereance/menu I can"t see any of these "flatsome menu item options". any suggestions?
may be you need to update the theme
I have the same issue.
@@ruthcohen2983 support team was not helpful at all. so I am using an external plugin for the menu.
@@bobby27 After I update the flatsome, it was working. I love the new menus. They do a great job!
Thx Seb
Dont work for mobile ??
how to make bolder dropdown menu font?
Great!!!!
thankss
thanks
Selected Navigation won't highlight
Please update flatsome blog section options. And please add to review section like or dislike button
How i customizefont men
Dopo aver aggiornato, non esiste alcun debug di questo tipo che non sia nel menu
Why people upload videos in youtube if they do not reply?
Funny, i dont find flatsome menu item options
Same here, I see everything but I don't see menue option.
Nuovo video?
Hover menu display image product
no one has taught me how to make mega menu flatsome for mobile
not good at all. Skip this tutorial