Both Menus

You can also include both of these menus in one page, simply by using the above examples, but you should add these classes “horizontal-menu with-sidebar” then proceed with the menus, here is an example:

Note that you must include this markup inside “page-container” div.

 

In this case, if you have two menus included, you can make the logo width the same as sidebar, simply by adding “fit-logo-with-sidebar” class to “page-container“. Here is an example:

Before:

 

After added the fit-logo-with-sidebar container:

 

 

Right Aligned Sidebar

If you want to align the sidebar to right side, simply add “right-sidebar” class to “page-container” element.

Was this article helpful?