Home › Forums › Basel support forum › Drop Down Menu

Drop Down Menu

Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • August 17, 2020 at 10:02 am #219211

    model131
    Participant

    Hello,

    The categories on drop down menu shows arrows next to each category, and only one of the category (wire lights) has subcategories.

    How to remove these white arrows from categories on drop down menu that have no subcategories.

    https://prnt.sc/u0vlq0

    Best,
    Dariusz

    August 17, 2020 at 11:59 am #219253

    Elise Noromit
    Member

    Hello,

    These arrows appear when the menu items have sub-items regardless if there any subcategories or there is none.

    Do you want to remove the arrows with custom CSS or remove the sub-menu items?

    Best Regards

    August 17, 2020 at 1:36 pm #219310

    model131
    Participant

    Hi Elise,

    I’ve just noticed that after hovering over category “Shop By Lighting Collections” in which there are 4 subcategories, 3 of them appear without arrows (on mobile only 2), and only one with an arrow.

    desktop – https://prnt.sc/u0zq0d mobile – https://prnt.sc/u0zvg3

    The ideal would be an arrow next to the subcategory that have additional subcategories (I mean next to wire lights).

    However, if this is not possible, I’d like to remove them all.

    I’m not sure what’s the difference between removing the arrows with custom CSS or remove the sub-menu items.

    Best,
    Dariusz

    August 17, 2020 at 10:03 pm #219368

    Elise Noromit
    Member

    Hello,

    Please provide the site admin access to the private area.

    Best Regards

    August 18, 2020 at 7:03 am #219418

    model131
    Participant

    Hello

    August 18, 2020 at 8:20 am #219441

    Elise Noromit
    Member

    Hello,

    Please provide the page login URL.

    Best Regards

    August 18, 2020 at 8:37 am #219457

    model131
    Participant

    Page url

    August 18, 2020 at 12:45 pm #219533

    Elise Noromit
    Member

    Hello,

    Please deactivate all the plugins not related to the theme and switch the parent theme.

    Best Regards

    August 18, 2020 at 1:13 pm #219547

    model131
    Participant

    Hi Eleise,

    If I switch the parent theme, will all the settings and configurations be the same?

    If it works on the parent theme should I use it instead of the child theme?

    Best,
    Dariusz

    August 18, 2020 at 7:17 pm #219599

    Elise Noromit
    Member

    Hello,

    The theme settings would be the same both on the child and on the parent. The only difference is the custom code containing in the child theme. This code would not work cause the child theme has been disabled. At the same time, this code is not correct as it influences other functionality.

    Best Regards

    August 18, 2020 at 8:05 pm #219615

    model131
    Participant

    Hi Elise,

    I deactivated all the plugins not related to the theme and switched the parent theme. However there was no change. So I’ve restored to the previous settings.

    What else can be done to fix it?

    Best,
    Dariusz

    August 18, 2020 at 10:12 pm #219628

    model131
    Participant

    Hi Elise,

    I’ve found a similar topic on forum and added the below code to custom css. The arrows disappeared from desktop but remain on mobile. Could you help to remove them from mobile devices?

    body .basel-navigation .menu>li.menu-item-design-default ul li.menu-item-has-children:after {
    display:none;
    }

    Best,
    Dariusz

    August 19, 2020 at 6:38 am #219667

    Elise Noromit
    Member

    Hello,

    If I remove the errors you will not be able to view the sub-menu items. You can remove sum-menu items from the mobile menu and arrows would disappear.

    Best Regards

    August 19, 2020 at 8:58 am #219719

    model131
    Participant

    Hi Elise,

    I’d like to remove sum-menu items from the mobile menu. Please let me know how to do this.

    Also, can you remove errors because I don’t want to have them on my website. After removing errors, can you fix it, so if I’d like to add these sum-menu items in the future, they will be available?

    Best,
    Dariusz

    August 19, 2020 at 9:06 pm #219893

    Elise Noromit
    Member

    Hello,

    Here is the WordPress manual on how to create a menu and multi-level menu: https://codex.wordpress.org/WordPress_Menu_User_Guide

    Best Regards

    August 20, 2020 at 6:44 am #219940

    model131
    Participant

    Hi Elise,

    I’ve just removed the sub-categories and added them back, and it works. Thank you for your help.

    Best,
    Dariusz

    August 20, 2020 at 7:02 am #219953

    Elise Noromit
    Member

    Hello,

    You have not removed the sub-items in the Mobile menu: https://gyazo.com/3bab0f7bb73b3ad64f75af9c676fd695

    Navigate to Appearance > Menu> choose the mobile menu, and remove the sub-items https://prnt.sc/u2nofs

    Best Regards

    August 20, 2020 at 11:05 am #220017

    model131
    Participant

    Hi Elise,

    Thanks for checking.

    We were talking about “sum-menu items” and for some reason I thought it referred to arrows, so I wanted to remove them.

    I’ve realised that there are “sub-menu items” and they refers to sub-categories. The sub-categories I’ve added to mobile menu have to stay because I want to keep the desktop and mobile versions consistent.

    So, if there is any code I could add to the custom css to remove arrows from mobile menu, I would happily use it.

    If not I’ll leave it as it is.

    Best,
    Dariusz

    August 20, 2020 at 8:26 pm #220129

    Elise Noromit
    Member

    Hello,

    You have the option to create two menus: for mobile without sub-menu items (as the result arrows would disappear) and you can create the menu for the desktop (main menu) with the sub-items and drop-down menu with arrows. Or if you want I can remove the errors on desktop.

    Here is the CSS code to remove arrows on mobile: 

    .mobile-nav .icon-sub-menu {
display:none;
}

    Best Regards

    August 21, 2020 at 8:54 am #220244

    model131
    Participant

    Hi Elise,

    I’ve used the code in custom CSS. Now I like how the menu looks on mobile. Thank you.

    Could you tell me, what desktop errors you refer to now?

    Best,
    Dariusz

    August 21, 2020 at 12:20 pm #220312

    Elise Noromit
    Member

    Hello,

    I was talking about these arrows: https://prnt.sc/u3gq4e

    Best Regards

    August 21, 2020 at 1:13 pm #220335

    model131
    Participant

    Hi Elise,

    I can manage right now. This issue is sorted.

    Thank you for your help!

    Best,
    Dariusz

    August 21, 2020 at 10:57 pm #220397

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 23 posts - 1 through 23 (of 23 total)

The topic ‘Drop Down Menu’ is closed to new replies.