• Closed
  • kim dunitz
    Spectator
    April 24, 2015 at 1:26 am #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
    April 24, 2015 at 9:43 am #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
    April 26, 2015 at 6:35 am #16876

    The top menu still shows, main menu looks good

    Roman
    Spectator
    Posts: 3147
    April 26, 2015 at 8:48 am #16877

    Do you want to disable the top menu?

    kim dunitz
    Spectator
    Posts: 37
    April 26, 2015 at 4:56 pm #16893

    In this instance, yes

    Thanks

    Roman
    Spectator
    Posts: 3147
    April 26, 2015 at 9:41 pm #16907

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

    kim dunitz
    Spectator
    Posts: 37
    May 4, 2015 at 8:20 pm #17249

    disable only on mobiles

    Roman
    Spectator
    Posts: 3147
    May 6, 2015 at 10:12 am #17272

    Custom CSS:

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