Problems with sidebar menu when using 2 Gavick templates

Hello,

we are using your theme Cloud as the default template, but we want to use the Magazine template as secondary theme. We are however having problems with the Magazine template sidebar menu layout. I wonder if that has to do with the fact that we have the Cloud theme at use as the default theme.

Here is what is happening:
[url]http://internet-content.net/ispconfig-control-anel/ispconfig-add-new-website
[/url]

1) The menu on the leftside appears when setting in template settings the Inset rule 12.5%.
2) Menu on the rightside is the actual menu we want to show on the sidebar. It seems to have the layout of the main-template (Cloud) not the layout of the magazine template.
We have do the settings as you have instructed in both Template settings and in the module itself.

NOte that in the menu there is the first ISPConf link is 1st level menuitem and the following 3 ISPConf menuitems are second level menuitems. So according to your demo http://demo.gavick.com/joomla25/magazine/ they second level menuitems should show in a separate box opening to the rightside of the menu, having blue background. Now all menuitems open as in the Cloud template.

Is there a contradiction in the templates since both templates are from you?

Greetings,
Anne

Hi

Templates cannot affect each other. In this case I believe the problem is with menu itself. Please send me an access to joomla panel so I'll hide the left menu bar and will try different style for right menu.

Hi

I've disabled main menu in template configuration and added this code to override.css to make standard module menu work more with sublevels than before.

Code: Select all

.menu li {
    margin: 0;
    padding: 0;
}

.menu li ul {
    margin-left: 20px !important;
}

.menu li:hover {
    padding-left: 0;
    background-color: transparent;
}

.menu li:hover a {
    color: #363636;
}

.menu li > a,
.menu li > span {
    padding: 5px 0;
    display: block;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}

.menu li > a:hover,
.menu li > span:hover {
    background: none repeat scroll 0 0 #4d90fe;
    padding-left: 20px;
    color: #ffffff;
}


Thank you!

How do we get the same layout-style to menus as on your demo:
http://internet-content.net/ispconfig-c ... ew-website

In your Magazine demo the parent menuitems are visible, but submenuitems are visible only on hoover and in a separate box with blue-background. Now the menu looks like the menu in Cloud-template. As it is now it is too big for our use. We need more compact menu as in your magazine layout.

http://internet-content.net/ispconfig-c ... ew-website


Thanks and greetings,
Anne

Hi

This is a megamenu which is a build in template feature. You just need to set the menu You would like to use in template settings under Menu and make it visible enabling the option. The only problem would be that since it's a predesigned element it can only be used on left side of the page.

That's the thing, I tried following your instructions regarding the template settings and menu settings, but I cannot get it look like your demo. Before I could get the menu visible in the inset part of the Magazine layout, but it was not the layout that you have on your demo (parent items visible, subitems visible only on hover). When I have it visible ALL items are visible no matter if they are parent or sub-items. This is not what we want! We want to have the same layout you have on your demo.

Is there maybe a javascrip issue here? OR why can we not get the subitems hidden and only visible on hoover?

Also now after the changes you made the inset has gone below the content and not next to the content!

http://internet-content.net/fi/ispconfi ... ew-website

Greetings,
Anne

Hi

I have commented my code out and selected to show first level of menu only, so next level is visible in blue square.

The problem with inset falling under the content is a validation error: http://validator.w3.org/check?uri=http% ... ne&group=0 I believe somewhere in the content of article You have a wrong html structure. Amissing closing tag for one of html tags.