3 replies · opened May 25, 2017
I have used the mega menu for the shop element on my menu, I only want to display one column and have reduced the width of the mega menu to 300px however I cant figure out how to display the dropdown underneath the shop menu link.
I've attached a screenshot of the problem and would be grateful if you could let me know how I can resolve this.
Kind regards
Lorraine
Hello,
It is recommended to not modify the Size of the Mega Menu as there is already a Small Mega Menu included with Canvas! Simply add the .mega-menu-small Class to the <li> Tag that has the .mega-menu Class to make the Width of the Mega Menus smaller.
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
That worked perfectly
Many thanks for you help
Is there a way to manipulate the .mega-menu-small class so that I can have three ul items on the same line, but also keep the mega-menu aligned to the bottom of the Menu tab? I essentially need the max-width to be 600px instead of 400px, but the 600px property causes the menu to shift to the left and away from the respective Menu tab.
The menu items appear in two columns and two rows when the max-width is set to 400.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard