Hello,
I’ve started creating a blog using the Newspaper theme. You can check it out here: https://travelpassion.ro.
For the second item in the top menu (Destinatii), which is a large category with many other sub-categories I enabled the Mega-menu feature. The problem is that this mega menu is showing all the categories and sub-categories as being the same. No visual distinction between them. Is there a way to align the list elements to the left instead of right and leave at least some spaces in front of each sub-cateogry? This way the menu will show something like this:
Toate
Africa
Maroc
America de Nord
SUA
New York
…
In the example above Africa and America de Nord are sub-categories of Destinatii.
Maroc is a sub-category under Africa.
SUA is a sub-category under America de Nord, and New York is a sub-cateogory under SUA.
Thank you!
Hi,
Sorry but there is no such option added to the mega menu. All the sub-categories of the main category will be shown as a list. It was not intended to be used in a tree branching way. IF this is what you require we suggest a different approach to your menu by only adding the main destinations in the mega menu.
You can only show the main parent categories by changing this line to ‘parent’
You will have to do this modification in td_block_mega_menu.php, like this -> http://screencast.com/t/Pkvn5QEdGm
Or as an alternative, create a sub-menu structure which will branch in many different sub-categories.
I hope this helps.
Thank you!
Hi,
Can you please show me how to change the alignment from right to left for the mega menu? That would help me a lot.
Would you at least consider adding the list version with spaces in front of sub-categories for a future version of the theme? Or build an easier to integrate tree branching approach with a similar UX?
Thank you!
Hi,
If you would like to align the sub categories in the mega menu to the left, you could do it like this – https://www.screencast.com/t/X4w7g668Kt4U
At the moment these are the available capabilities of the mega menu, there could be improvements made in the future in this regard. Please understand that with each update, the intention is to further improve the theme and the features. There are many suggestions and recommendations, and each one is taken into account when the time comes.
This is the code used, you must enter it in Theme panel->Custom Css
.menu-item-165 .td_mega_menu_sub_cats {
text-align: left;
}
Thanks
