Okay
  Public Ticket #2322038
Menu on mobile salient
Closed

Comments

  •  1
    Kilian21 started the conversation
    March 8, 2020 at 10:06pm

    Hello, I'm contacting you because I would like to put the drop-down mobile menu on the left before the logo and not on the right after the basket.  can you help me with that?  I thank you in advance

  •  3,021
    Andrew replied
    March 9, 2020 at 5:28am

    Hi Kilian21,

    There is no option to put dropdown for mobile menu on the left before the logo. It would require custom modification of theme files.

    Thanks.

  • natureinstock replied
    March 21, 2020 at 9:58pm

    Hi Andrew, 

    Actually, that is an option I would be interested in as well. Do you have any plans in adding it in the near future? More and more commercial sites are switching to left-side mobile menus.

    Thanks!

  • Ursula replied
    April 27, 2020 at 12:54pm

    Hi,

    is there a possibility to have less menu items on mobile than desktop?

    How can I increase the vertical distance between the subnavigation items (Google search console complains...)

    https://www.sandveld.de/

    Regards

    and thanks

    Ursula


  •  3,021
    Andrew replied
    April 27, 2020 at 6:43pm

    Hi Ursula,

    Use the following custom css to increase the space between sub menu items:

    .off-canvas-menu-container .sub-menu li a {
    line-height: 1.8 !important;
}

    Create off canvas menu in Appearance > Menu with less items.

    2924000774.png

    Disable that in Salient > Header navigation > Off canvas/Mobile menu

    2882079293.png


    Hope this helps.

  • Ursula replied
    April 27, 2020 at 7:53pm

    Hi Andrew,

    thanks, it works almost ... the Off Canvas should not be visible on Desktop. Otherwise, there are two menus on desktop.  Where can I hide it on desktop?

    Thx Regards

    Ursula

  •  3,021
    Andrew replied
    April 27, 2020 at 7:56pm

    Hi Ursula,

    Adjust the following

    3975656004.png


    Thanks.

  • Ursula replied
    April 27, 2020 at 8:00pm

    hm, ok, but then again, the menu on mobile and desktop would be the same ...

    I want to hide the third navigation level on mobile, becaus it is so many items. 

    https://www.sandveld.de/

  •  3,021
    Andrew replied
    April 27, 2020 at 8:16pm

    Hi Ursula,

    Re-enable again and try the following custom css to remove the off canvas from desktop:

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

    Kind regards.

  • Ursula replied
    April 27, 2020 at 8:19pm

    yes! Perfekt! Dankeschön :-) !

  • Ursula replied
    April 29, 2020 at 3:04pm

    Hi Andrew,

    one more question, can I remove the hover effect (padding left) in the megamenu headlines. It creates a weird "jumping effect" and also the first navigation item breaks on hover (Besonderer Reisen).

    thx

    Ursula

  •  3,021
    Andrew replied
    April 29, 2020 at 4:09pm

    Hi Ursula.

    Try the following css:

    #header-outer[data-lhe="default"] #top nav ul li[class*="button_bordered"] a:hover {
    padding-left: 6px;
}

    Kind regards.