New Landing How can we help? Themeforest Theme Support Flexform Do not display the select a page mene output on mobile

Viewing 9 posts - 1 through 9 (of 9 total)
  • Posted in: Flexform
  • #241152
    Bitedge
    Member
    Post count: 345

    Hi guys, with my menus now managed by a plug in I want to hide the select a page menu output the theme generates on mobile.

    How I do this for the top bar?

    How would I do this for the main navigation menu?

    at what pixel width does the theme generate these rather than the displaying the full menu.

    #241315
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    What’s your link?

    – Kyle

    #241342
    Bitedge
    Member
    Post count: 345
    #241343
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Add this to your custom css:

    .visible-phone.show-menu {
      display: none !important;
    }

    – Kyle

    #241399
    Bitedge
    Member
    Post count: 345

    That works on both the top bar menu and the main menu at once thanks.

    I need a way to

    1.
    not show the top bar menu while still showing the main menu

    2.
    just not show the main menu while still showing the top bar menu

    can you tell me at what pixel width the theme snaps into mobile mode please? seems about 750px?

    #241407
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Not sure what you mean with 1 & 2? Which menu do you want to show?

    768px

    – Kyle

    #241552
    Bitedge
    Member
    Post count: 345

    There are 2 menu locations in the theme, the top bar and the mani nav bar.

    The custom css you provided hides both on mobile, I want to just hide the top bar (keep showing the main nave bar)

    #241937
    Bitedge
    Member
    Post count: 345

    See the attached screenshot where I have labeled the 2 menus as they appear on mobile with red numbers 1 and 2, I want to hide 1 but keep showing 2.

    Attachments:
    You must be logged in to view attached files.
    #241942
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Ok remove the previous css and add this:

    .top-bar-menu-left .visible-phone.show-menu {
      display: none!important;
    }

    – Kyle

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.