Mega Menu (mobile) - Just show the upper level/parent menu and link this level

Home › Forums › Gillion Theme › Mega Menu (mobile) – Just show the upper level/parent menu and link this level

Home › Forums › Gillion Theme › Mega Menu (mobile) – Just show the upper level/parent menu and link this level

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    NOT RESOLVED Posts

  • timo.borkowski
    Participant

    We use Gillion in the current version with WordPress 5.0.X.

     

    For the main menu we use a mega menu, to be able to reach the last published articles by mouse-over immediately.

    I have attached a screenshot which shows this with the menu item “Drive” (“menu_desktop.png”).

     

    Technically this seems to provide a kind of submenu item (“menu_mobile.jpg”) for the mobile menu. Also one must open mobile thus always first the upper level, in order to come at all to the lower one. This is of course a bit unsightly for use. Is it possible to define in the code that only the top level is displayed in the mobile menu and this one is the link to this category?

     

    Or is there another solution? 🙂

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Hi @timo.borkowski,

     

    Thank you for your question.

     

    You can display it on mobile by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    #page-container .sh-nav-mobile ul li a {
    padding-left: 0 !important;
}

#page-container .sh-nav-mobile ul {
    background: transparent !important;
    display: block;
}

li.menu-item.menu-item-has-children > a {
    display: none;
}

     

    Best regards,
    Shufflehound team

    timo.borkowski
    Participant

    Thank you very much for your great help.

     

    But sadly there is another problem yet. The “share”-button is away and the logos of the social media networks are cut off. Because the icons are at the bottom again: Can we hide the black (NOT THE GREY) icons?

     

    I’ve attached a screenshot.

    Attachments:
    You must be logged in to view attached files.

    timo.borkowski
    Participant

    There is another new problem as well. The main menu at the desktop view on our website isn’t there anymore.

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    But sadly there is another problem yet. The “share”-button is away and the logos of the social media networks are cut off. Because the icons are at the bottom again: Can we hide the black (NOT THE GREY) icons?

    You can hide black icons on mobile using below CSS code.

     

    .sh-header-mobile .sh-nav-mobile .sh-nav-share {
    display: none;
}

    There is another new problem as well. The main menu at the desktop view on our website isn’t there anymore.

    I can see it on your shared site as shown in the attached screenshot.

     

    Is it working fine for you now?

    Attachments:
    You must be logged in to view attached files.
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)