vertical menu

Estudio3F
12 Posts
Estudio3F posted this 29 September 2020
Ask a Question

how to create a vertical or side menu

how to create a vertical or side menu
Vote to pay developers attention to this features or issue.
7 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 29 September 2020

Hi Ed,

We do not have the Vertical Menu control.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Ed, We do not have the Vertical Menu control. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
mantas6399
6 Posts
mantas6399 posted this 12 November 2020

Hello,

Solution is :
Hide a header in the page settings on the right. Drag and drop HTML element to your page. Insert your own vertical menu code and style it in the same sheet as it should be.
Create a new rule in Page's CSS for example .main{margin-left: 10%;} then use this class to each block to get your whole theme pushed little bit from the left. Done :)

Hello, Solution is : Hide a header in the page settings on the right. Drag and drop HTML element to your page. Insert your own vertical menu code and style it in the same sheet as it should be. Create a new rule in Page's CSS for example .main{margin-left: 10%;} then use this class to each block to get your whole theme pushed little bit from the left. Done :)

Last edited 12 November 2020 by mantas6399

mantas6399
6 Posts
mantas6399 posted this 12 November 2020

Here is the result:

vertical-menu-code.jpg

vertical-menu.jpg

Here is the result: !vertical-menu-code.jpg! !vertical-menu.jpg!

Last edited 12 November 2020 by mantas6399

Support Team
Support Team posted this 13 November 2020

Mantas Čerkesas,

Thank you, we do appreciate your input.

...................................................
Sincerely,
Allen R.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Mantas Čerkesas, Thank you, we do appreciate your input. ................................................... Sincerely, Allen R. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
Alan Henness
155 Posts
Alan Henness posted this 17 December 2020

I'm designing a Nicepage template to replace an old Artisteer template. The site has a large vertical menu in the right column. This has evolved over time and I don't think it's going to look great if it became the main site horizontal navigation menu in the header - there is also a small horizontal menu there.

I'm thinking of trying to use the hamburger menu instead: create a second menu position in the header and make it the hamburger in all responsive modes. I can then simply attach what was the vertical menu to this new menu position. I could even get rid of the current horizontal menu and add the items to the hamburger menu - that may be less confusing to visitors: they will just have the one menu.

Anyone see any disadvantage in doing this?

There are some issues with the hamburger menu to make it more useable that I hope will be fixed soon!

I'm designing a Nicepage template to replace an old Artisteer template. The site has a large vertical menu in the right column. This has evolved over time and I don't think it's going to look great if it became the main site horizontal navigation menu in the header - there is also a small horizontal menu there. I'm thinking of trying to use the hamburger menu instead: create a second menu position in the header and make it the hamburger in all responsive modes. I can then simply attach what was the vertical menu to this new menu position. I could even get rid of the current horizontal menu and add the items to the hamburger menu - that may be less confusing to visitors: they will just have the one menu. Anyone see any disadvantage in doing this? There are some [issues with the hamburger menu][1] to make it more useable that I hope will be fixed soon! [1]: https://nicepage.com/questions/63713/hamburger-menu
voodoo
61 Posts
voodoo posted this 05 January 2021

As you may have seen vertical menu option is not an out of the box feature in NP , unless you want to hack around with hidden menu in header, then edit css blah blah blah. It will no doubt look a mess after you then make further changes.

I have to replicate a site today for a friend. Guess what - she has a vertical menu, she wants to keep. The only way around this is :-
1. Use something other than NP to do it
2. Go back to Artisteer (it still works for creating html sites) even if it is a bit dated
3. Use NP - but use the hamburger menu on all views - including desktop & laptop views
4. try and convince your customer that vertical menus are old fashioned and that horizontal menus are better - they waste less space on the screen for a start.

good luck

As you may have seen vertical menu option is not an out of the box feature in NP , unless you want to hack around with hidden menu in header, then edit css blah blah blah. It will no doubt look a mess after you then make further changes. I have to replicate a site today for a friend. Guess what - she has a vertical menu, she wants to keep. The only way around this is :- 1. Use something other than NP to do it 2. Go back to Artisteer (it still works for creating html sites) even if it is a bit dated 3. Use NP - but use the hamburger menu on all views - including desktop & laptop views 4. try and convince your customer that vertical menus are old fashioned and that horizontal menus are better - they waste less space on the screen for a start. good luck
gt_67
3 Posts
gt_67 posted this 01 February 2021

Another way is to create a custom module that insert an unused position then publish a the joomla menu in that position.
So basically:
1. Publish the desired menu in an unused position (ex. position-6)
2. Edit the nicepage article
3. Add a new block OR
3bis. Select an existing block (Where you want the vertical menu)
4. Add new element "Position & Shortcode" / "Position & Sidebar"
5. Set position like "position-6"

I'm new to NP.

Another way is to create a custom module that insert an unused position then publish a the joomla menu in that position. So basically: 1. Publish the desired menu in an unused position (ex. position-6) 2. Edit the nicepage article 3. Add a new block OR 3bis. Select an existing block (Where you want the vertical menu) 4. Add new element "Position & Shortcode" / "Position & Sidebar" 5. Set position like "position-6" I'm new to NP.
You must log in or register to leave comments