Main menu on mobile has different behavior

Hi Gavick team,

I would like main manu behave just the same as desktop does, I mean to click or mouseover over a menu level 1 then display or expand the level 2 submenu.
My web is www.chriscaballero.photography where you can see what I just explained into PORTAFOLIO level 1, in mobile shows it expanded instead collapsed.
Also I would like to change aligment to left not centered

Thanks in advanced.

Hi

To change font position add this to override.css and make sure override is enabled in template settings:

Code: Select all

#overlay-menu-content-wrap1 .gk-overlay-menu {
    text-align: left;
    text-indent: 20px;
}


Unfortunately the other thing requested would take too much extra codding and we do not support such big customisations. So I will not be able to help. Sorry.

Hi

To change font position add this to override.css and make sure override is enabled in template settings:

Code: Select all

#overlay-menu-content-wrap1 .gk-overlay-menu {
    text-align: left;
    text-indent: 20px;
}


Unfortunately the other thing requested would take too much extra codding and we do not support such big customisations. So I will not be able to help. Sorry.

well that is not good.
Please help me to have level 2 disable only for mobiles.

Hi

Please add this to small.tablet.css

Code: Select all

#overlay-menu-content .level1 {
    display: none !important;
}