Menu Side Bar

Post Reply
User avatar
Jarciano
Posts: 10
Joined: 16 Feb 2016, 13:41
Location: Brasil
Contact:

08 Jul 2017, 14:58

Hello,

I would like to know if it is possible to have two menu options in the Atlas, besides the standard conventional menu of thema, I would like to add the side bar menu as of thema paradise.
It would be possible?

Thank you.
--
Jarciano Silva
CEO - Chief Executive Officer
AJ Desenvolvimento | http://www.ajdesenvolvimento.com

User avatar
aragorn
Posts: 2429
Joined: 29 Jun 2013, 12:38

10 Jul 2017, 12:36

Atlas has two menu option; Horizontal menu(Default) and Popup Menu. Which Paradise menu mode do you want to use in the Atlas Layout?

User avatar
Jarciano
Posts: 10
Joined: 16 Feb 2016, 13:41
Location: Brasil
Contact:

16 Jul 2017, 19:55

Hello,

I would like to have and the possibility of the user to choose the Horizontal menu (default) or the Menu side bar (static menu) according to the selection of the image.

https://uploaddeimagens.com.br/imagens/ ... -25-png--2

https://uploaddeimagens.com.br/imagens/ ... -53-28-png


Thank.
Last edited by Jarciano on 16 Jul 2017, 19:59, edited 1 time in total.
--
Jarciano Silva
CEO - Chief Executive Officer
AJ Desenvolvimento | http://www.ajdesenvolvimento.com

User avatar
aragorn
Posts: 2429
Joined: 29 Jun 2013, 12:38

21 Jul 2017, 13:06

I think you can override the Atlas Popup menu css. Exp;

Code: Select all

<style type="text/css">
   @media(min-width: 641px) {
            body.PopupMenu #layout-menu-cover {
                left:-300px;
                display: block;
                height: 100%;
                -webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -ms-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
            }
            body.PopupMenu #layout-menu-cover.active {
                max-height: none !important;
                height: 100%;
                left: 0px;
            }
            body.PopupMenu #layout-menu-cover.active + #layout-portlets-cover {
                padding-left: 320px;
            }
            body.PopupMenu #layout-portlets-cover {
                -webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -ms-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
            }
            body.PopupMenu #layout-menu-cover {
                background-color: #ffffff;
            }
            body.PopupMenu #layout-menu > li > a:hover, 
            body.PopupMenu #layout-menu > li > a:active, 
            body.PopupMenu #layout-menu > li > a.active-menu,
            body.PopupMenu.LeadenTopbar #layout-menu-cover a.active-menu {
                background-color: #3E5E66;
                color: rgba(255, 255, 255, 0.8);
            }
      }
 </style>

Post Reply
  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest