Flatsome Theme Tutorial - Mega Menu / Column Menu
ฝัง
- เผยแพร่เมื่อ 14 ต.ค. 2024
- Learn to use the Flatsome (mini) mega menu / multi-column menu, how to set it up, the limitations and even how to use the *new*(ish) Flatsome menu labels.
Updated 2016 Flatsome Training course: ckl.ph/21KBmk0
Feb 18th, 2016 edit: friendly commenter (Robin Elliot, thank you sir) pointed out I forgot to add the link to the video where I talk about sizing and the image part of the menu. Here ya guys go: • Flatsome Theme Tutoria...
In this Flatsome Theme Tutorial we go over the cool multi columned menu in Flatsome. Big note: this is NOT a Mega Menu. If you're looking for a real menu menu go look at something such as UberMenu (note: I have no affiliation with them, but happens to be the only one I know of).
What this Flatsome 'mini' mega menu offers though is: columns and the ability to use an image in-place of a menu column.
Video topics:
What exactly is the Flatsome 'Mega' Menu
Why the Flatsome Mega Menu is not really a real mega menu
How to use it
How to use menu labels in Flatsome
A note about customizing those labels
How to structure the menu items so that it sorts properly
Flatsome Menu limitations
Spot On, thank you for this.
Why don't you show the actual page layout in your website when you add these different columns. I want to SEE what they look like on the actual website, as I have hundreds, and thousands, of graphic designs I want to display. What is the maximum number of columns I can display with thumbnails of my designs?
Dear Peter Krzyzek!
I feel So pleased to see your Fantastic Flatsome Tutorials. you've described detail in part by part. we are happy and Satisfied. I have one Request to you, How to Multilingual the Ecommerce Site and how to set multilingual option of all type of language like AliExpress.Com, please You made a tutorial about that.
Hi Peter, thanks for the video. quick question: in my website, the sub-children of one of the 2 children are too many to be displayed in 1 column, is there a way to split them into 2 columns?
crazy man now i just can create A custom link .
Hi Peter, thank you for such a great job with this tutorials! Please can I have one question? How can I get soo long search box like you have at very beginning of this video. Thank you for your answer :) Viktoria
Very good tutorials Peter. I have a request, can you show me how to make the megamenu fonts larger? they are very small. Thank you.
Hey Mike,
Sure, I'll make a video about that. Though before I'm able to get to that (due to time limits and all), here's the code for you to look into. You'll have to edit some CSS:
ul.header-nav li .nav-dropdown > ul > li.menu-parent-item > a { font-size: 18px; }
Great video, can you tell me how u added the search bar? I cannot get mine to display in this style, mine is just a search iron?
Hi,
In the beginning of your video you said the link is up top. It isn't. Please give me the link to your video where you explain how to put the image there and to overall create the mega/column menu please, thanks!
Hey nice video and nice theme. I'm also using this one.
I love the mega menu features but for my website I don't want to use mega menu. Do you know how to disable it?
bro i need help!! making the categorie can you do it all from the begening? on the add menu i dont see categories i got categories link
So how do you add a picture to the menu? and there is a white gap under your picture in the menu is there way to get rid of that white gap?
Yes, you have to both have the 'correct' number of menu items to make the height menu height what you want it to be and then you have to properly (and I mean very properly and perfectly) size the image. After all that, you'll probably have to apply some light custom CSS in-order to remove any padding or margins around the image containers.
If possible can you please tell me css code to animate label
Hi, Piotr. Where I find list of css class which I can use. In your video I saw label-hot and image-column. Could you write about another else?
There isn't a specific list anywhere. The best way to find the classes you can use for a specific item would be to use something like the Chrome Inspector Tool or the Firefox Firebug extension. That'll show you which specific item is using what CSS classes. For a "full list" of css classes you'd have to jump into the .css file of Flatsome though.
For 'writing about another', what topic or classes did you have in mind?
very helpful!!!!!
Great tutorial! Thank you so much!
Thank you so much!!
Can you do vertical drop down instead of columns? like www.dell.com/en-ca/
Could you include (mini) in the Title?
Hey ... I can, though what do you mean by including mini in the title? Of the video? I guess that makes sense. I'll be uploading some new flatsome videos soon and name them better going forward. :)
@@Chykalophiagroup (mini) Mega Menu
i wish if i could give you 100 likes . thnx bro