Salient v13.0 Major Release (3/25/2021) is now available.

If you're on a version prior to 10.5 and are considering updating, it's important to read through our update guide before updating to ensure a smooth transition.

Click here to view the update guide

Okay
  Public Ticket #2705428
Off Canvas Menu Mobile
Closed

Comments

  • Gustave_l started the conversation

    Hi,

    I have a problem with my Off Canvas Menu Mobile. 

    it does not show up in my menu locations except when the checkbox

    "This will add an off canvas menu button on all viewports to your header navigation. When this is disabled, the off canvas menu will only be visible on mobile devices."

    is active. But I don't want this option.

    Moreover it's not possible to display this menu correctly. Either the main menu is displayed with, or changes settings in  Salient Options do not change anything.

    Has someone already had this problem ?


    Attached files:  Capture d’écran 2021-02-28 à 19.38.18.png
      Capture d’écran 2021-02-28 à 19.38.13.png
      Capture d’écran 2021-02-28 à 19.37.55.png
      Capture d’écran 2021-02-28 à 19.37.30.png

  •  1,652
    Andrew replied

    Hi Gustave,

    Thank you for reaching out to us.

    Please confirm that you have this option enabled:

    8028153657.png

    Thanks.

  • Gustave_l replied

    Hi,

    Yes it's enabled, but the off canvas menu still doesn't appear in my menu locations.

  •  5,651
    Tahir - SUPPORT replied

    Hey Again,

    Could you allow us to log in to your website backend dashboard so we can check on this for you more?. We are gonna need the username and password of admin user as well as the login url.

    Thanks

  •   Gustave_l replied privately
  •  1,652
    Andrew replied

    Hi Gustave,

    The mobile off-canvas menu is displaying on my end. Please see:

    2856316315.png

    Please try clearing cache using this link https://themenectar.ticksy.com/article/6226/ and check aain.

    Thanks.

  • Gustave_l replied

    Hi Andrew,

    I have to use css to force hiding the top menu navigation which was in the off canvas mobile menus too while I didn't select it.

    And the Off Canvas Menu dosen't appear in my Apparence->Menus.

    I fixed it with CSS but I wondered if it's normal or not.

  • Harv replied

    I'm having this same problem. I created a unique menu just for mobile devices, but it displays in addition to the regular global navigation in the slide out. Also, the Mega Menu column title -- although hidden on desktop -- is displaying in the mobile version and requires clicking to display the child menu items.

    http://dev.rmhfoundation.com

  •  5,651
    Tahir - SUPPORT replied

    @Harv,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container:not(.mobile-only) {
        display: none !important;
    }

    Thanks

  • Harv replied

    Thank you for the prompt response, Tahir. I added this code but the site still displays the global navigation in mobile view instead of the one I created for mobile, but doesn't display the mobile menu at all. If you're able to look in the backend I will provide you with Admin privileges.

  •  5,651
    Tahir - SUPPORT replied

    Hey Again, 

    Try this then and remove the one provided earlier.

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container.mobile-only {
        display: none !important;
    }

    Thanks

  • Harv replied

    So in order to have my custom Mobile Menu display on mobile devices, the "Off Canvas Menu" option needs to be enabled otherwise clicking that menu icon on mobile now won't display anything. This seems redundant on desktop views as users will already see my top navigation *and* the off canvas icon to display the simplified mobile menu. Please confirm, thank you.

  •  5,651
    Tahir - SUPPORT replied

    Hey Again,

    Please see the highlighted areas:  

    5836312565.pngClick To Open Larger Image.


    Thanks 

  • Harv replied

    Thanks Tahir. This still does not solve the problem. I had everything activated as per your screen shot, and the mobile menu button is visible on desktop, and when clicked displays the custom Off Canvas Menu I created for mobile devices. If I disable the Off Canvas Menu option and view the site on mobile, the hamburger icon appears but when clicked, there is no menu visible -- only social icons. You had supplied CSS to hide the Top Level navigation from the off canvas menu, which is what I needed, because otherwise it displays the hidden column titles that users need to click to reveal the child pages.

  •  5,651
    Tahir - SUPPORT replied

    Thanks for the Information. I believe the functionality has slightly changed as the Off Canvas and Mobile Menu work independently now in the new update.

    Will get more information from the Developer on it.

    Best