+- GetSimple Support Forum (http://get-simple.info/forums)
+-- Forum: GetSimple (http://get-simple.info/forums/forumdisplay.php?fid=3)
+--- Forum: General Questions and Problems (http://get-simple.info/forums/forumdisplay.php?fid=16)
+--- Thread: Sub-Pages / Sub Menu (/showthread.php?tid=7252)
Sub-Pages / Sub Menu - maco-nl - 2015-05-02
Hi all
i just wanted to create subpages
i use navigation etc
but what i try i don't get it done
the menu and pages i got is like this :
Home
Page 1
+ page A
+ Page B
Page 2
+ Page2A
+ Page2B
Do i forget somewhere anything ?
i tried with several themes but non gives subpages
kind regards
RE: Sub-Pages / Sub Menu - maco-nl - 2015-05-02
Hi All
i just installed a new GS 3.3.5
just with only the two standard plugins
but also not possible to get subpages ,,
![[Image: rvrtwl3t89t.png]](http://www.mupload.nl/img/rvrtwl3t89t.png)
![[Image: ujt2tgn15mb.png]](http://www.mupload.nl/img/ujt2tgn15mb.png)
![[Image: a04bohqlcbl.png]](http://www.mupload.nl/img/a04bohqlcbl.png)
if i use the Grill theme it works with subpages
so where do i something wrong ?
many thanks for your help
RE: Sub-Pages / Sub Menu - Carlos - 2015-05-02
The Grill theme uses I18N plugin's multilevel menus (get_i18n_navigation). Most other themes use GS's default flat-level menu (get_navigation).
So for other themes you'll have to edit some template file,
http://mvlcek.bplaced.net/get-simple/multi-level-navigation/nav-pulldown-left
and adapt your css.
RE: Sub-Pages / Sub Menu - Timbow - 2015-05-02
Yes, to explain in more detail:
The default GS nav menu function creates a simple series of links to pages as <li> elements. If your site requires multi level navigation you need to put in place three things:
- Arrange your pages as 'children' and 'parents' in the GS back end.
- Use a plugin to replace the standard menu function and arrange the links in html normally (but not always) as nested <li> elements.
- Make sure you have the css in your theme to display the nested lists as you want them, static or drop down, fly-out, whatever.
We should have a how-to page in the wiki for this, I think it often causes confusion.
RE: Sub-Pages / Sub Menu - maco-nl - 2015-05-02
Hi Carlos and Timbow
Thanks for the info i go work on it and will let you know
i thought it would be a standard thing in GS (to bad it isn't)
a Wiki should indeed a great usefull tool about this (specially for newbies :-) )
RE: Sub-Pages / Sub Menu - maco-nl - 2015-05-02
ok i tried and it works sofar but the menu is hiding , when i have a mouseover i see it ,,
i have installed a test site
i use the cardinal theme as template
have installed the i18n plugin
in the template.php i change the original
PHP Code:
<ul id="nav">
<?php get_navigation(return_page_slug()); ?>
</ul>
into:
PHP Code:
<div class="sitemenu">
<ul><?php get_i18n_navigation(return_page_slug(),0,1,I18N_SHOW_MENU); ?></ul>
</div>
<div style="clear:both"></div>
</div>
<div id="main">
<div id="nav">
<ul><?php get_i18n_navigation(return_page_slug(),1,100); ?></ul>
</div>
in css i added under the orginal navigation:
PHP Code:
.sitemenu { position:relative; height: 1.4em; }
.sitemenu ul { position:absolute; list-style: none; }
.sitemenu li { float:left; }
.sitemenu li ul { display:none; }
.sitemenu li:hover ul { display:block; }
.sitemenu li.current > a { font-weight:800; }
.sitemenu li.currentpath > a { font-weight:800; }
the original navigation is like this :
PHP Code:
#header #nav {position:absolute;top:10px;left:0;list-style:none;}
#header #nav li {float:left;margin:0 10px 0 0;font-size:13px;text-transform:uppercase;font-weight:bold;}
#header #nav li a {display:block;line-height:30px;padding:0 10px;}
#header #nav li a:link, #header #nav li a:visited {border:1px solid #D23939;color:#E17979;text-decoration:none;}
#header #nav li a:hover, #header #nav li a:focus {color:#FFFFFF;text-decoration:none;}
#header #nav li.current a {border:1px solid #FFC4C4;color:#FFFFFF;text-decoration:none;}
ok sofar so good ,,
but as i said the complete menu is only visable with a mouse over
i know also i did something wrong in the php cause got the title in the middle of nowhere but it is just play and try
i tried to replace some lines behind .sitemenu into the orignal lines from the menu
like :
PHP Code:
.sitemenu { position:relative; height: 1.4em; }
PHP Code:
.sitemenu {position:absolute;top:10px;left:0;list-style:none;}
but somewhere it doesn't work either ,,
i mean i dont get the original menu back with working subpages
so if someone can point me on my mistake i will understand it
so i can change it in the website i'm busy with
many thanks
Mandy
RE: Sub-Pages / Sub Menu - shawn_a - 2015-05-03
Did you make all your pages children of index by mistake ?
Or since you wrapped the entire menu in a ul, its probably treating it like a dropdown, meaning your css is wrong.
RE: Sub-Pages / Sub Menu - maco-nl - 2015-05-03
Hi Shawn
no sofar i see i got two parents and two children
![[Image: dakp5s7su3v.png]](http://www.mupload.nl/img/dakp5s7su3v.png)
i have something wrong in the css
i toke the css description from the page what Carlos gived abouve :
Code:
.sitemenu { position:relative; height: 1.4em; }
.sitemenu ul { position:absolute; list-style: none; }
.sitemenu li { float:left; }
.sitemenu li ul { display:none; }
.sitemenu li:hover ul { display:block; }
.sitemenu li.current > a { font-weight:800; }
.sitemenu li.currentpath > a { font-weight:800; }i gonna play around with this code ,, later i will see if and how i got the orignal menu back
EDIT : got it almost running ,, only it is like a tree ( when i go to the parent then both children are showing
so need to play a bit more :-)
RE: Sub-Pages / Sub Menu - shawn_a - 2015-05-03
Its a standard list, so every single piece of menu code will work.
Just grab the css off the web.
drop downs usually have like a 1st selector, or > selector for all children.
ul li:hover > ul
http://codepen.io/philhoyt/pen/ujHzd
RE: Sub-Pages / Sub Menu - maco-nl - 2015-05-03
Hi Shawn
Many thanks for the url it shows a lot what i really needed
i discovered my mistake why it wasn't working that well
i used also the i18n plug not in the good way
only need to read some documentation (wiki) about the different between
return_page_slug and get_page_slug
this caused my problem
Everyone many thanks for the wonderfull help and guided me trough