Vertical Tabbed Menu for Flatsome Theme

[@japanwithtal7139]

Thank you for all your hard work on these videos Seb, they are very helpful.

[@Sebdelaweb]

Thanks Tal! 🤘

[@HameedUnfiltered]

Thank you so much for demonstrating. That's a neat vertical mega menu

[@thenumber269]

awesome, this helps me a lot

[@Sebdelaweb]

Glad to hear it was helpful! 😊 Thanks for watching! 🙌"

[@aygunaytekin]

Thanks for this amazing video. I feel much more knowledgeable about the flatsome theme thanks to you.

[@Sebdelaweb]

Great to hear Aytekin! 🎉

[@WajdiCHAKROUN]

Hello, Very helpful, do you have any update about the hover please ?

[@Sebdelaweb]

Thank you for your comment! 😊 I’m glad you found the video helpful. To enhance the hover effect, you can add custom CSS targeting the menu items. For example: .vertical-menu-item:hover { background-color: #f0f0f0; } will change the background color on hover. Hope this helps! 👍

[@contactmirifico]

I just discovered your channel, very awesome tutorials. I was wondering if you have a complete tutorial in which you show from start to finish how you build a website store with flatsome? I bought the theme few days ago and Im having difficulties creating the store for myself. Thank you so much in advance!

[@Sebdelaweb]

Some day maybe we will bring that to you guys too

[@havemaskwilltravel]

Great explanation and demonstration, thanks. I would only change the name of the title of the video to "vertically tabbed menu" though, instead of "vertical tabbed menu".

[@Sebdelaweb]

Great suggestion!

[@rodrigomzz.]

Awesome, it was what I needed. do you have the short code?

[@audiotruyendoithuong]

Thank you, very much!

[@Sebdelaweb]

Hola LYDA ✌️Happy to hear that you like our videos.

[@carolineletrange6505]

Thank you so much for this step by step tutorial. Really nice! When I created mine, the category tab is white font on white background, so you dont see it. I haven't find a way to change the colour of the font in the tab - is there a way to change to black font? Thank you so much.

[@Sebdelaweb]

You're welcome, and I’m glad the tutorial helped! To change the font color of the category tab, go to your WordPress Dashboard, then head to Appearance > Customize > Additional CSS. Add this code: .category-tab-class { color: #000000; } (just replace .category-tab-class with the actual class name of your category tab). This will make the font black. Hope that helps!

[@lighthouse2k]

I have also noticed, if you place it in the main menu, lets call it brands. Then click on the main menu "brands" instead of going down to the the hover menu items below. It will actually open ux box menu as its own page which is not ideal.

[@noithattrunguc6116]

amazing i love you chiu chiu

[@Sebdelaweb]

Much Love Noi That Trung Duc

[@tina_bhudia]

Seb de la web - You did a tutorial on sticky vertical menu bars but I can't find it now please can you send me a link for it I really need it. THANK YOU IN ADVANCE

[@MichaelDiplaros]

Hello, great tutorial as always! Did you find solution for hover categories? Also do you know how could have a little bit latency when you hover the "... All Categories" and go to menu? (if you have a small gap between button and menu (breadcrumb etc.), menu not waiting, so you must move your mouse very fast as not to close the menu again)

[@Sebdelaweb]

Both questions need more in depth coding that we don't figured out our selves yet. Best is to ask a developer or maybe recruit one from the Flatsome Facebook group.

[@MichaelDiplaros]

@@Sebdelaweb thanks for reply

[@anhpham0711]

How to see Flastsome menu items options same in this Video. ( design, ux block,reveal..) Thanks so much

[@lighthouse2k]

Did you fix the menu hover. I have just set the menu up, but I do have to click on the sub categories to get them to expand which is not my preference. It would be better if they could hover to expand.

[@thaison93]

i think you should try clear the cache for the changes

[@Sebdelaweb]

Thanks! 😊

[@jameskanyi7376]

Where is the complete version?

[@wise_webster]

I have installed this type of menu in my website, but the text in each tab panel was transparent. Is anyone can help me to solve those?

[@nazeemjansen]

I am having the same issue. I do not see any text where the tabs are. I think the color is the same as the background that is why the tabs text are not visible. Were a solution found for this? I cannot change it using css for some reason.

[@iuchongmapheo]

@@nazeemjansen maybe you can go to Customize > Header > Dropdown Style and change Text Color to Dark. Hope it helps!

[@shimaabrishami837]

Hi, why there is no stack and menu in the UX Builder elements?

[@Sebdelaweb]

You need to have a later version of Flatsome I'm guessing! Update your theme.

[@suddierobots]

when i scroll to the bottom of my mega menu (its larger than the screen) i cannot scroll back up. the main page behind is the one that scrolls. is there any way to fix that issue?

[@Sebdelaweb]

Hi Sudesh, this sounds like a bug from Flatsome. Maybe try to make the menu less height. You could ask your question on the Flatsome FB page: facebook.com/groups/flatsome

[@crownedcamellia]

hey seb! did u get rid of the banner header slideshow tutorial?

[@Sebdelaweb]

Hi Camellia, I don't recall that video. You mean a top bar sider / text ticker?

[@hautran5752]

I created mega menu with Accordion, how can I link Accordion Panel Title to link or to category?? Help me!

[@Sebdelaweb]

Hello hau tran 👋 At the moment you can't link an Accordion Panel title. It's only possible to break up the HTML and then hard copy this in your UX Builder and working with the new HTML element of the UX Builder. And then apply a simple A HREF around the title. Good luck.

[@hautran5752]

@@Sebdelaweb My tab just works when I click, I adjusted Hover on Menu but it doesn't work, I don't know why?

[@Sebdelaweb]

At the moment we don't have the hover option on tabs. I think maybe with a developer you can make it work.

[@XuanTruong-bi1wz]

it doesn't work on mobiles

[@Sebdelaweb]

Nope! It's only for desktop. For mobile you need revert to the mobile menu structure.

[@XuanTruong-bi1wz]

@@Sebdelaweb you can make a video tutorial about it. thank you

[@leonel-pedro]

can’t watch the video :-(

[@Sebdelaweb]

That's strange! Maybe now :)

[@leonel-pedro]

@@Sebdelaweb Already saw, I think it was something with my internet connection...