Mega Menu & Custom Dropdown with UX Builder • Flatsome Tutorial

[@darrelwilson]

Good work guys

[@estudioojeda7300]

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.

[@MrCarpy-b2c]

you need to keep making these videos. very clear and well done! Flatsome is my favorite. Running 2 installs.

[@JRBUCK]

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.

[@Nami-id4uc]

This is awesome! But how can we make a Vertical Menu like that? Can you make a video about that? Thank you so much!

[@alexisemilien6110]

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.

[@warpath0]

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

[@jfamjizzyjae]

Siema, I dont have it either and im trying to figure out why now. Did you find a way to activate it?

[@SamirRifai]

It’s looking great! How about mobile version?

[@recapped70]

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!

[@annelane5255]

@@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

[@yohansucipto2360]

@@annelane5255 this isbullshit cant work on mobile

[@NatureNavigator783]

@@annelane5255 did you find a solution to this?

[@krzex]

@@annelane5255 Anyone Mobile menu working with Main Menu + Custom UX block Mega menu?

[@ctpact]

What about mobile and tablet view?? Is this working only for desktop view?

[@philhooper1540]

Great work. Pleaseee can you explain where I can my sections once I have saved them as a preset?

[@annelane5255]

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

[@WhiteTiger-fn8lg]

you can look above i explained how to do that

[@trickySK]

Thank You for this video! Really helpful!

[@nostalgia85music]

As always, thank you for the information :)

[@BYS1106]

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 :-)

[@jeffreyvonstetten5852]

how did you add a subcategory to one of your menu selections?

[@Jennifer-ju8de]

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.

[@usmanAli-hw5xu]

sir mega menu not working on mobile screen. pleas help

[@blockbrickworld]

Hello, thank you for your video, Can it be displayed on mobile phones?

[@mohmedabdalbar2666]

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

[@ceomishuahmed]

love flotesome, on dextop everything alright, but on mobile devise does not work, any help ?

[@veriasmr7567]

This is great but is this not compatible with mobile yet? The menu disappears on mobile

[@Ab_Khalique]

What about the submenu? there is no any option to create layered menu items.

[@maxcom]

I'm having the same problem, I need a layered menu - submenus, how can I do it?

[@yoPRETORIANO]

Hey Seb! Thanks for your videos and free support always! I have a question: How can we resize the drop-down menu?

[@aymanbakir]

Hi, Is it possible to create a menu for a specific page? or remove the main menu from one page?

[@codedigger5101]

Thanks for the video. Side note: What are you using for the SEO page scores?

[@TheChefGaming]

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.

[@AbdullahAlMamun-su6im]

how can we make a Vertical Menu? Please reply.

[@Samwilliams]

Thank you, and can I add sub menu items to the same please reply..

[@WhiteTiger-fn8lg]

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.

[@NatureNavigator783]

so with your solution you need to create the whole menu in a block instead of just the "Mega" part, is that right?

[@shlomostrauss7229]

@@NatureNavigator783 yeh you are right.

[@Moccalocca100]

Make a video already bro because I cant follow up what you said

[@loiclevan]

Thanks, very valuable.

[@ferreiraview-360]

Amazing, i m very interesting, working on mobile version??

[@maxcom]

not

[@LongLe-ui2hk]

mine doesnt have the flatsome studio to import one, what's the problem with mine one?

[@lelandmcminn3859]

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???

[@edison1027]

hi flatsome,I am your fans , will you update [the new animations & effect] ; [Section divider effect] ; [more border radius option ] on 3.14? :) thanks

[@rahuldinesh2840]

Good video. Thanks.

[@BrunoRiggs]

If you create a mega menu with UX Blocks, on mobile it doesn't expand, it's very strange.

[@fdkfdk-d5e]

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?

[@jeffreyvonstetten5852]

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?

[@artcrushmovies5336]

Great to see you here bro.

[@SolmazAnvar200]

Fantastic update

[@Israel777888]

Hello, where can I change mouse over color of menu links? I have tried many things and nothing works, help appreciated.

[@georgebell117]

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?

[@henning3663]

How can I make the megamenu and drop down visible on mobilephone?

[@Krilleren]

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?

[@zeeshanimtiaz1]

You didn't discussed about mobile ver.

[@ianjgd]

Brilliant. Thx

[@ArrepiaB]

How do you create Sub sub menu?

[@RohitChourasia]

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

[@proposal-hd6yw]

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?

[@OldWorldExplorer]

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 ...

[@dailyupdate4802]

Nice. Explanation..tnx bro

[@eez]

this doesn't works on mobile. any workaround for that?

[@wolfgangdigohollin8482]

Thanks, great tutorial! How can we use Mega Menu for Woocommerce: My Account Menu?

[@jeffreyvonstetten5852]

Any word on this working for mobile? That's really important.

[@aymanbakir]

Is it possible to create a menu for a specific page? or remove the main menu from one page?

[@DaiNguyenDC]

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..)

[@adamvincent606]

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!

[@joacimtorgersen8904]

Same problem here. Did you fix it?

[@adamvincent606]

@@joacimtorgersen8904 unfortunately not

[@vapex1369]

@@adamvincent606 Fixed. Try to delete browser cache and cookies

[@adamvincent606]

@@vapex1369 Still have the same issue

[@DavidGonzalez-gg6xb]

i dont understand why but cant load any element from flatsome in my ux builder

[@muradfataliyev1345]

I want to use flatsome theme for my social conent website but it looks hard/ Please create tutorial and update blog options

[@lenny_leon]

Dont work for mobile ??

[@brokenpixel2910]

how to make bolder dropdown menu font?

[@muradfataliyev1345]

Perfect. Please show how to add how much viewed post section .)

[@EBDeveloper]

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 ?

[@helioalexandrino7]

Very usefull tip!

[@bobby27]

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?

[@sebastianbonsembiante2342]

may be you need to update the theme

[@ruthcohen2983]

I have the same issue.

[@bobby27]

@@ruthcohen2983 support team was not helpful at all. so I am using an external plugin for the menu.

[@ruthcohen2983]

@@bobby27 After I update the flatsome, it was working. I love the new menus. They do a great job!

[@ferrosdistro6105]

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

[@nhattan7021]

How i customizefont men

[@khurramsikandar9262]

Selected Navigation won't highlight

[@AlwinOverwater]

Thx Seb

[@mohitkk1056]

hello budy can u help me out regards How To Make OnPage Anchor Navigation Links With WordPress in ux builder

[@xinglu6392]

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?

[@xinglu6392]

Also the mega menu isnot responsive for mobile

[@cre8ivecommerce]

VERY nice :-)

[@clarkken-g2r]

Drop-down doesn’t work on mobile view

[@alexandrakast5034]

Great!!!!

[@EBDeveloper]

TEXT COLOR OVERRIDES! The drop down is so chump without this.

[@vladislavpolshin3667]

thanks

[@laszlogyuricza4837]

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:(

[@vavira1234]

Funny, i dont find flatsome menu item options

[@ruthcohen2983]

Same here, I see everything but I don't see menue option.

[@gogovideo1649]

Nuovo video?

[@chamyarmasi]

thankss

[@justinhuang7492]

Dopo aver aggiornato, non esiste alcun debug di questo tipo che non sia nel menu

[@AbdullahAlMamun-su6im]

Why people upload videos in youtube if they do not reply?

[@muradfataliyev1345]

Please update flatsome blog section options. And please add to review section like or dislike button

[@phamanhquang8363]

Hover menu display image product

[@mr.ngohoan]

no one has taught me how to make mega menu flatsome for mobile

[@sayedhasan3486]

not good at all. Skip this tutorial