GetSimple Support Forum

Full Version: Dropdown Menu
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
NewBee; I'm working on a custom theme and need to add a dropdown menu. I am using the i18n plugin and was able to get the feature to work. The only problem seems to be that it only works on the parent page of the dropdown menu. It does not work on the other four top level pages. here is a link of the page that it works fine on.
http://route19designs.com/GS/portfolio/

The other four pages are a no show.
dee Wrote:NewBee; I'm working on a custom theme and need to add a dropdown menu. I am using the i18n plugin and was able to get the feature to work. The only problem seems to be that it only works on the parent page of the dropdown menu. It does not work on the other four top level pages. here is a link of the page that it works fine on.
http://route19designs.com/GS/portfolio/

The other four pages are a no show.

See here.
You must use I18N_SHOW_MENU as fourth parameter to get_i18n_navigation.
Thanx, worked like a charm...
Hi,

I'm afraid i'm even a worse newbee ...
I've put up GS 3.0 with standard Innovation Theme and I18N navigation.

Result is satisfying: http://www.avocats-fiscalistes.com/

However, i'm completely lost when it comes to making the drop-down menus work.

I've looked here :
http://mvlcek.bplaced.net/multi-level-na...down-left/

And tried to apply the required modifications in header.php ; template .php and the css file, but for some reason it just breaks the site down.

Has someone managed to make the dropdown menus work with site theme ?

Thanks,

G.
yes, many users managed to do that

I think it is a misunderstanding:

you have pages and subpages
the pages are shown at the top and the subpages of the relevant pages are shown in the sitebar
what is wrong?

Either you want a dropdown (subpages are shown below the menu-items when you hover over these items) or you want the subpages in the sitebar or you want both, than you have to add the CSS!

1)
if you want to have that dropdown menu, you must add the relevant CSS to the css-file "style.css", I do not see these declaration in your page's CSS at all, so you will not see the submenus

2)
if you want to have a correct submenu in the sitebar, you must include the code for that in <ul> </ul>, which I see not in your code, thus you get errors

one hint: the titles of your pages are too long for the headers' font-size
Yes, I'd prefer both if it was possible.

However I don't know anything about CSS...

So here's my original css section containing the nav declarations :

Code:
/* HEADER: navigation */
header nav {
    position:absolute;
    top:30px;
    right:0;
    text-shadow: 1px 1px 0px rgba(0,0,0, .3);
}
header nav ul {
    list-style:none;    
    float:right;
}    
header nav li {
    display:block;
    float:left;
    margin:0 0 0 10px;
}
header nav li a {
    display:block;
    font-size:13px;
    padding:5px 15px;
    text-transform:uppercase;
    font-weight:bold;
}
header nav li a:link,
header nav li a:visited {
    color:#eee;
    text-decoration:none;
}    
header nav li a:hover,
header nav li a:focus {
    color:#FFF;
    text-decoration:none;
}
header nav li.current a {
    color:#FFF;
    background:#7096B6;
    background:rgba(255,255,255,.2);
    text-decoration:none;
    border-radius:40px;
    -moz-border-radius:40px;
    -khtml-border-radius:40px;
    -webkit-border-radius:40px;
}

Should I just paste mvlcek's declaration there ?

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 just run a test and added the navigation like you wanted it to the Innovation theme

1) there is dropdown in main menu now
2) there is submenu in the sidebar at the right side when there are subpages

but I did not make it beautiful, it still must be synchronized with the styling of the header of INNOVATION theme

I add this as a starting point for you, unpack the zip and use this as theme

Cheers, Connie
Hi,

Thanks for the help. I also took a gig on Fiverr to get the CSS to a better integration level.
http://www.avocats-fiscalistes.com/
It's looking pretty good, so I'm sharing the modified theme, I think some other newbies might appreciate :-)

Thanks for the help !
good that it is ok for you!
Now you can add content, what is the most important part ;=)

Cheers, Connie
Dear people,

sorry but it doesn't work,

i installed the getsimplecms v 3.0
after it i install the plugin i18n

but if i go to adminpanel and there to -> "pages"

i cant edit my pages correctly (the Text field is missing and the button create new page also), i get the following screen :
[Image: getsimplescreen.png]

??? whats happend ? where is the "create new page and the view all pages" Button ?

regards schning

...the same with the postet "Innovation_navi" theme
the screenshot does not show the right menue where "create a new page" is located

have a look there
the screenshot does not show the right menue where "create a new page" is located

have a look there
Connie Wrote:the screenshot does not show the right menue where "create a new page" is located

have a look there

thats the Problem :

There are no Buttons like : create a new page or view all pages...

regards schning
Enable debug mode to see if you get any errors, that may help.
Thx ....

I Enabled debug mode and i saw the problem with the json module .. dd24 provider activate it and now it works Smile

Take a look Kajütboot

regads schning