ImpressPages CMS Forum • View topic

Page 1 of 1

[ 6 posts ]

Hide subpages

Author

Message

samsonas

Post subject: Hide subpages

Posted: Sat Jan 21, 2012 1:58 pm

Joined: Wed Jan 04, 2012 8:04 am
Posts: 8

Some help pls : what and where to change to hide subpages, when navigating from one menu page to other page on the left menu?

maskas

Post subject: Re: Hide subpages

Posted: Sat Jan 21, 2012 6:23 pm

Project Developer

Joined: Tue Apr 28, 2009 9:43 am
Posts: 1720

Just to be sure. You want to hide second level of menu? Display submenu only on active page? So when you navigate to another page, old submenu hides and new submenu opens?

Audrius

Post subject: Re: Hide subpages

Posted: Sat Jan 21, 2012 6:25 pm

Project Manager

Joined: Wed Nov 25, 2009 9:40 am
Posts: 421

What exactly do you want to achieve? You can simple collapse subpages through CSS. Add styles that would always hide inner <ul> elements and make them visible on when that particular page or any inner page is active.

Here's some information about classes printed for each menu item - http://www.impresspages.org/docs/workin ... onal-menu/

alanek

Post subject: Re: Hide subpages

Posted: Mon Jan 30, 2012 8:00 pm

Joined: Fri Nov 25, 2011 6:40 pm
Posts: 65

I have the a similar problem with lt_pagan RC2_2

I can hide the sub menus (left menu)

but I cannot get them back when I go over the hover or click the parent page, here is what I have:

.side nav .level1 > .selected > a {
background-color: #f3f3f3;
}
.side nav .level2 {
margin-left: 10px;
}
.side nav .level2 { /* I added this one & it works*/
display: none;
}
.side nav .level1 > .selected > a, .side nav li .level2 > a { /* everything I try here does not work*/
display: block;
}

So my line display:none hides the submenus but I have tried every option I can think of for the next section to get the sub pages back.

I have looked at many examples/ tutorials on the internet but the code of lt_pagan is not similar to those I seen in tutorials.

Any guidance would be most appreciated.

Alan

Audrius

Post subject: Re: Hide subpages

Posted: Fri Feb 10, 2012 4:04 pm

Project Manager

Joined: Wed Nov 25, 2009 9:40 am
Posts: 421

With the next release of v2.0 the feature of collapseable side menu and drop down top menu will be added.

For now, for side menu search for ".side nav" in site.css and replace all occurencies with the style below. And add 'collapse' class to <nav> tag on the theme's layout file (main.php). And you'll need a new image too - https://github.com/impresspages/Impress ... _right.gif

Code:

.side nav {
    margin-bottom: 25px;
}
.side nav ul {
    list-style: none;
}
.side nav a {
    border-top: 1px solid #9e9e9e;
    color: #1a1a1a;
    display: block;
    padding: 10px 20px;
}
.side nav a:hover {
    background-color: #f3f3f3;
}
.side nav .current > a {
    background-color: #000;
    color: #fff;
}
.side nav .level1 {
    border-bottom: 1px solid #9e9e9e;
}
.side nav .level1 > li > a {
    font-weight: bold;
}
.side nav .level1 > .subnodes > a {
    background-image: url(img/icon_down.gif);
    background-position: 5px center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #9e9e9e;
}
.side nav .level1 > .selected > a {
    background-color: #f3f3f3;
}
.side nav .level2 {
    margin-left: 20px;
}
.side nav .level2 > li > a {
    border-top-color: #e5e5e5;
}
.side nav .level2 > li:first-child > a {
    border-top: none;
}
.side nav.collapse .level2 { /* "collapse" class force menu to hide 2nd level until parent or child is not selected */
    display: none;
}
.side nav.collapse .current .level2,
.side nav.collapse .selected .level2 { /* displaying 2nd level */
    display: block;
}
.side nav.collapse .level1 > .subnodes > a { /* fixing style when collapsed */
    background-image: url(img/icon_right.gif);
    background-position: 8px center;
    border-bottom: none;
}
.side nav.collapse .level1 > .subnodes.current > a,
.side nav.collapse .level1 > .subnodes.selected > a { /* fixing style when not collapsed */
    background-image: url(img/icon_down.gif);
    background-position: 5px center;
    border-bottom: 1px solid #9e9e9e;
}

maa

Post subject: Re: Hide subpages

Posted: Wed Apr 11, 2012 4:56 pm

Joined: Wed Apr 11, 2012 4:55 pm
Posts: 1

Hi,

is it possible to specify which changes have to be made to the site.css stylesheet for 1.x releases as well? thanks.

Page 1 of 1

[ 6 posts ]