Okay
  Public Ticket #2402473
Unable to Create Mobile Off Canvas Menu Items
Closed

Comments

  •  1
    ccrawford_sbt started the conversation
    May 14, 2020 at 12:40pm

    Hi.

    Can you please provide clear instructions on creating a custom off canvas menu to display on the MOBILE ONLY?

    Currently it's duplicating the Top Nav content, even with that option turned off in settings. I want to create a custom menu nav for off canvas, mobile only. I do not see the option to add items to the off canvas menu location.

    ------

    If I turn ON "Off Canvas Menu" option in Salient > Header Navigation > Off Canvas Menu, it displays on all version of my site, not just mobile.

  •  2,979
    Andrew replied
    May 14, 2020 at 2:27pm

    Hi there,

    Enable the off canvas menu and use the following custom css to remove on desktop. Place it in Salient > General settings > CSS/Script related:

    @media only screen and (min-width: 768px){
    .slide-out-widget-area-toggle {
    display: none !important;
}
}

    Hope this helps.

  •  1
    ccrawford_sbt replied
    May 14, 2020 at 2:51pm

    Perfect! Thank you Andrew.