Hotel mobile classic menu on Quark

Hi guys,

Any way to have new mobile menu of Hotel in Quark temple?

Classic Menu mobile!
I have 3 sizes menu fonts on quark classic menu mobile!

For example, your mobile menu (gavick page) has only 1 size

Hi,
most of those changes you can make alone using CSS,
I know that you expect from us more that you've got but ...
those kind of features can be added only via our developer in next updates not here in forum post.

Thanks Oscar!

No problem dude

Classic Menu (Mobile) quark ReStyling:

Code: Select all

.dark-bg .gkMainMenu > .gkmenu > li > a,
.dark-bg .gkMainMenu > .gkmenu > li > span {
  color: #fff !important;
  text-transform: uppercase;
}
#gk-menu-overlay {
    background: #000;
    display: none;
    height: 100%;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: all 0.3s ease-out 0s;
    width: 100%;
    z-index: 10000;
}
#gk-menu-overlay-content {
    display: none;
    left: 10%;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-out 0s;
    width: 80%;
    z-index: 10001;
}
#gk-menu-overlay.display-menu, #gk-menu-overlay-content.display-menu {
    display: block;
}
#gk-menu-overlay.show-menu, #gk-menu-overlay-content.show-menu {
    display: block;
    opacity: 1;
}
#gk-menu-overlay-close {
    background: transparent none repeat scroll 0 0;
    cursor: pointer;
    display: block;
    height: 32px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 19px;
    transform: scale(0.5);
    transition: all 0.3s ease-out 0s;
    width: 32px;
    z-index: 10005;
}
.show-menu #gk-menu-overlay-close {
    opacity: 1;
    transform: scale(1);
}
#gk-menu-overlay-close::after, #gk-menu-overlay-close::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    top: 15px;
    transform: rotate(45deg);
    transform-origin: 50% 50% 0;
    width: 32px;
}
#gk-menu-overlay-close::before {
    transform: rotate(-45deg);
}
#gk-menu-overlay-content ul {
    margin: 0 auto;
    padding: 20px 0;
    width: 100%;
}
#gk-menu-overlay-content li {
    list-style-type: none;
}
#gk-menu-overlay-content li a, #gk-menu-overlay-content li span {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    display: block;
    padding: 10px 0;
    text-align: left;
}
#gk-menu-overlay-content .submenu {
    padding: 0;
}
#gk-menu-overlay-content .submenu li a, #gk-menu-overlay-content .submenu li span {
    font-size: 24px;
    padding: 5px 0;
}
#gk-menu-overlay-content .submenu li a:hover {
    color: #72b9ea;
}
#gk-menu-overlay-content #btn-login-wrap .submenu {
    margin-left: 0;
    width: 100%;
}
#gk-menu-overlay-wrap .gkMainMenu a {
    display: block;
    font-size: 17px;
      text-transform: uppercase;

}

#gk-menu-overlay-wrap .gkMainMenu li li a {
    font-size: 17px;
    padding: 8px 0;
      text-transform: none;

}


Probably we have to hire you in future, you're so brave and smart.

LOL, No more than Big Oscar!

Ancadia thanks for sharing it is very helpfull i hope the quark team will add this in future update.

Thanks again, great work!

Thank xWiz I have a lot of custom code of Quark! If you need something please let me know!

I have mainmenu, footer , login window !!

Cheers from Spain