Canvas Support

Horizontal Submenus - not megamenu

5 replies · opened Aug 22, 2020

SswcommAug 22, 2020

Sorry, I have another question. Trying to convert the sub menu container/submenu items to a close to full width horizontal list, and not having a lot of luck. Any advice? thanks.

SSemicolon WebSTAFFAug 24, 2020

Hello,

Apologies about the Inconveniences caused!

Can you please provide us with an example with a Screenshot of what kind of layout you are trying to achieve with the Sub-Menus so that we can provide you with further assistance on this about if this is possible out of the box. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

SswcommAug 24, 2020

I'm using the subtitle menu style. Instead of the submenu items appearing in a vertical dropdown, was hoping for the dropdown to be horizontal, in a container roughly the width of the megamenu container. The submenu items would then appear as a horizontal list within that container.

Functionally, like these menus:

Horizontal submenus

Thanks so much for your help.

SSemicolon WebSTAFFAug 25, 2020

Hello,

Actually, you can recreate this inside the Mega Menu Container easily. Try using this code:


- 
	Shortcodes
	
		
			
				
					
- 
						Animations
					
				
				
					
- 
						Dividers
					
				
				
					
- 
						Lists & Cards
					
				
				
					
- 
						Pricing Boxes
					
				
				
					
- 
						Alert Boxes
					
				
			
		
	

This will definitely work fine. Hope this Helps!

Currently, this is the only way to recreate the Horizontal Sub-Menus without any Custom Codes. If you would like to convert the current vertical Menus to a Horizontal Menus, you will need to Customize this yourself as we currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy .

Let us know if we can help you with anything else or if you find any further issues.

SswcommAug 25, 2020

Thanks, I looked at a megamenu as a possible solution, but writing a custom megamenu walker didn't thrill me. I'll look at it again, but I did start working on some alternate custom horizontal menu CSS code as well. I was hoping to avoid replicating all that menu styling.

Personally, I think a horizontal dropdown menu is silly, but that's what they want!

Thanks again.

SSemicolon WebSTAFFAug 26, 2020

Hello,

The Mega Menus work in a different way and replicating the same functionality within the simple Sub-Menus would be a little complex and requires considerable customizations. You must target only the .sub-menu-container Container and its direct Child: .sub-menu-container > .menu-item. Also use this inside the @media (min-width: 992px) Media Query so that the Responsive Menus are untouched and work perfectly.

We will try working on this for our future updates.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

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