Center Sub menu

77Lexen7Jun 29, 2020

Hi there,

For page-submenu, from the out-of-the-box template
page-submenu.html

I see the menu right-aligned...
Is there a way to center the menu items?

Thank you!

SSemicolon WebSTAFFJun 29, 2020

Hello,

Absolutely! This is Definitely Possible. Simply consider using the following code:


&#x9;
&#x9;&#x9;
&#x9;&#x9;&#x9;

&#x9;&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
- [Gallery](#)
&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
- [Features](#)
&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
- [Models](#)
&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
- [Reviews](#)
&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
- [Expert Reviews](#)
&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
- [User Reviews](#)
&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
- [Compare](#)
&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
- [Build](#)
&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
- [Order](#)
&#x9;&#x9;&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;&#x9;

&#x9;&#x9;&#x9;&#x9;

&#x9;&#x9;&#x9;
&#x9;&#x9;
&#x9;

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.

77Lexen7Jun 30, 2020

Thank you!
That worked with a little modification...
With the full addition of <div class="page-menu-row justify-content-end justify-content-lg-center">, using the "current" option broke the menu item (almost made it transparent_.
Using only this fixed that <div class="page-menu-row justify-content-lg-center">

Here is what the final submenu code looked like

<div id="page-menu" data-mobile-sticky="true">
<div id="page-menu-wrap">
<div class="container">
<div class="page-menu-row justify-content-lg-center">

			&lt;nav class="page-menu-nav"&gt;
				&lt;ul class="page-menu-container"&gt;
					&lt;li class="page-menu-item current"&gt;[Gallery](#)
					&lt;li class="page-menu-item"&gt;[Features](#)
					&lt;li class="page-menu-item"&gt;[Models](#)
					&lt;li class="page-menu-item"&gt;[Reviews](#)
						&lt;ul class="page-menu-sub-menu"&gt;
							&lt;li class="page-menu-item"&gt;[Expert Reviews](#)
							&lt;li class="page-menu-item"&gt;[User Reviews](#)
						
					
					&lt;li class="page-menu-item"&gt;[Compare](#)
					&lt;li class="page-menu-item"&gt;[Build](#)
					&lt;li class="page-menu-item"&gt;[Order](#)
				
			&lt;/nav&gt;

			&lt;div id="page-menu-trigger"&gt;&lt;i class="icon-reorder"&gt;&lt;/i&gt;&lt;/div&gt;

		&lt;/div&gt;
	&lt;/div&gt;
&lt;/div&gt;

</div>

SSemicolon WebSTAFFJun 30, 2020

Hello,

Glad that your issues were resolved.

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