Hi,
I have around 25 submenu items under a single main menu category. I want to display them in a clean and simple layout — just plain text in 3 rows (no icons, no content blocks inside).
I’m using the Newspaper theme and noticed that the default template doesn’t give me control over the submenu layout. I tried importing the Blockchain Pro template, and I really liked how the first menu item “Ecosystem” shows the dropdown — that’s the style I’m aiming for. But I only want the 3-row layout, without any icons or extra formatting.
I even tried importing the header, but I couldn’t find a way to edit or recreate that exact dropdown style.
Here’s what I’m looking for:
📷 Sample desired layout
📷 Current menu layout
Could someone help me:
Achieve this layout using CSS in the default template?
Or guide me on how to access/customize the imported dropdown from Blockchain Pro?
Any help would be much appreciated!
Thanks.
Hi,
This https://postimg.cc/dZJR5GPK is a mobile page that has been create using tagDiv Composer and assigned to the menu using using this guide https://forum.tagdiv.com/page-menu/ now if you want to have the menu simple like here https://postimg.cc/0MR0JLVj but with 3 columns then it can be used a css like this one, the code should be similar to this one:
.sub-menu{
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
width: 20em!important;
}
The code should be adjusted after your need.
Thank you!
I think the CSS code works well, in the Mobile view the Page Menu is not visible.
Hi,
If you can provide a link to your website I can adjust the code 😀
Thank you!
