• Closed
  • kim dunitz
    Spectator
    24.04.2015 at 01:26 #16769

    is it possible to differentiate between 2 menus showing on a phone?

    I see a class .mobile-nav-holder, what I need is to have the main menu actually show Main Menu so people are more likely to use that one instead of the top menu.

    Roman
    Spectator
    Posts: 3147
    24.04.2015 at 09:43 #16793

    You could use Custom CSS to get it working, for example:

    #header .t4p-icon-bars {
    display:none;
    }
    #header .mobile-selector span:before {
    content: "Main";
    }

    kim dunitz
    Spectator
    Posts: 37
    26.04.2015 at 06:35 #16876

    The top menu still shows, main menu looks good

    Roman
    Spectator
    Posts: 3147
    26.04.2015 at 08:48 #16877

    Do you want to disable the top menu?

    kim dunitz
    Spectator
    Posts: 37
    26.04.2015 at 16:56 #16893

    In this instance, yes

    Thanks

    Roman
    Spectator
    Posts: 3147
    26.04.2015 at 21:41 #16907

    then choose different header layout in Theme Options -> Header … or you want to disable it only on mobiles?

    kim dunitz
    Spectator
    Posts: 37
    04.05.2015 at 20:20 #17249

    disable only on mobiles

    Roman
    Spectator
    Posts: 3147
    06.05.2015 at 10:12 #17272

    Custom CSS:

    @media only screen and (max-width: 480px) {
    .header-social .top-menu {
    display: none;
    line-height: 43px;
    }
    }