Lose the position on main menu.

Hi, I migrated the web in another hosting and loose the position on main menu. I want the normal position, on the header, not like now: keloniamenus.com

Thanks a lot

It is standard position in this tempalte. If You would like to move it to another place, it would require to create aditional module, disable default menu in template settings and putting menu into another module. this will break css and will require a lot of custom coding.

Ups, ok, and for having with not a list?? 1-2-3-4

http://keloniamenus.com/
Thanks

Sorry, could You be more clearly?

Hi, sorry, I upgraded the last web.
The question is if I could have the menu like in this template
www.keloniamenus.com

Thanks

Where would You like to have it? On another page?
If so, what is link to this another page?

http://s365430443.mialojamiento.es/keloniamenus
Thanks

It would require to rewrite menu css from old template...

Code: Select all

#gkMainMenu nav {
    float: left;
}

#gkMainMenu {
   float: none;
   clear: both;
}

#gkMainMenu .gk-menu {
   float: left;
}

#gkMainMenu,#gkMainMenu > nav > ul {
   height: 46px;
   background: #151515;

   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

#gkMainMenu > nav > ul > li:first-child {
   margin-left: 2px;
}

#gkMainMenu > nav > ul > li {
   height: 46px;
   margin-left: 16px;
}

#gkMainMenu > nav > ul > li:hover > a,#gkMainMenu > nav > ul > li:active > a,#gkMainMenu > nav > ul > li:focus > a {
   color: #e9403b;
}

#gkMainMenu > nav > ul > li:first-child > a {
   border-left: none;
}

#gkMainMenu > nav > ul > li > a {
   padding: 0;
   display: block;
   height: 26px;
   line-height: 28px;
   font-size: 18px;
   text-transform: uppercase;
   color: #fff;
   margin: 10px 0 0 0;
   border-left: 1px solid #303030;
   padding-left: 16px;
}

#gkMainMenu > nav > ul > li.active a {
   color: #8ea409;
}

#gkMainMenu > nav > ul div.childcontent {
   padding-top: 21px;
   background: transparent;
}

#gkMainMenu > nav > ul div.childcontent-inner-wrap {
   background: #fff;
   border: 1px solid #dfdfdf;
   padding: 10px;
   position: relative;

   -webkit-box-shadow: 0 0 6px #c1c1c1;
   -moz-box-shadow: 0 0 6px #c1c1c1;
   box-shadow: 0 0 6px #c1c1c1;
}

#gkMainMenu > nav > ul div.childcontent-inner {
   overflow: hidden;
   background: #fff;
   padding: 8px 0;
}

nav.gkMenu > ul.level0 > li > .childcontent .gkcol {
   padding-bottom: 0;
}

#gkMainMenu > nav > ul div.childcontent a,#gkMainMenu > div > ul div.childcontent span {
   font-size: 12px;
   color: #666;
}

#gkMainMenu > nav > ul div.childcontent li {
   padding: 0;
   min-height: 17px;
   line-height: 17px;
   border-bottom: none;
   margin: 0 15px 6px 12px;
}

#gkMainMenu > nav > ul div.childcontent li.group {
   padding: 0;
   margin: 0;
   height: auto;
   border: none !important;
}

#gkMainMenu > nav > ul div.childcontent li > a,#gkMainMenu > div > ul div.childcontent li > span {
   display: inline-block;
   min-height: 17px;
   color: #666;
   padding: 0 3px;
}

#gkMainMenu > nav > ul div.childcontent li.active > a,#gkMainMenu > nav > ul div.childcontent li.active > span,#gkMainMenu > nav > ul div.childcontent li:hover > a,#gkMainMenu > nav > ul div.childcontent li:hover > span,#gkMainMenu > nav > ul div.childcontent li > a:hover,#gkMainMenu > nav > ul div.childcontent li > span:hover,#gkMainMenu > nav > ul div.childcontent li.active > a > span,#gkMainMenu > nav > ul div.childcontent li.active > span > span,#gkMainMenu > nav > ul div.childcontent li:hover > a > span,#gkMainMenu > nav > ul div.childcontent li:hover > span > span,#gkMainMenu > nav > ul div.childcontent li > a:hover > span,#gkMainMenu > nav > ul div.childcontent li > span:hover > span {
   color: #fff !important;
   background: #e9403b;
}

#gkMainMenu > nav > ul div.childcontent .group-title {
   padding: 8px 0;
   margin: -8px 15px 15px 15px;
   border-bottom: 1px solid #ebeaea;
}

#gkMainMenu > nav > ul div.childcontent .group-title .menu-title {
   font-size: 18px;
   text-transform: uppercase;
   font-weight: normal;
   line-height: 22px;
   display: block;
   color: #333;
}

#gkMainMenu > nav > ul div.childcontent .group-title .menu-desc {
   font-size: 12px;
   line-height: 12px;
   display: block;
   color: #777;
}

#gkMainMenu .module p {
   font-size: 12px;
   line-height: 18px;
}


this is just a start and its not complete.
Sadly we doesnt support this kind of modification's, but this should help You to start with.

The biggest changes are in #gkMainMenu element as it has nav as a child not div. Also sybmenus works different now and has different classes.