Support » Theme: BlankSlate » Dropdown and Submenu not working correctly

  • Resolved jaymarsound7

    (@jaymarsound7)


    This just happened about 2-3 weeks ago. The dropdown menu does not stay open long enough to select an item (you have to be really quick to get your cursor on a menu item). Also, the submenus are now opening on top of the regular menu, instead of popping out. I have BlankSlate as the theme (not sure if an update may have caused this). I have tried adding z-index at 100 in the additional CSS area, but that does not work.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author Bryan Hadaway

    (@bhadaway)

    Update this style:

    .brz .brz-css-uplwo > .brz-menu__ul > .brz-menu__item-dropdown > .brz-menu__dropdown {
    	top: calc(100% + 5px);
    	width: 300px;
    }

    to:

    .brz .brz-css-uplwo > .brz-menu__ul > .brz-menu__item-dropdown > .brz-menu__dropdown {
    	top: 0;
    	width: 300px;
    	padding-top: 30px;
    }
    Thread Starter jaymarsound7

    (@jaymarsound7)

    Sorry, not real proficient in changing code through wordpress. How or where would i need to go to make this change (i see it on inspect, not sure how to find it in wordpress menus)

    Theme Author Bryan Hadaway

    (@bhadaway)

    Ideally, you’d add it to the child theme’s stylesheet, but the simple place to add it is under:

    Appearance > Customize > Additional CSS

    Thread Starter jaymarsound7

    (@jaymarsound7)

    Did that. Unfortunately it did not change anything (in additional css) The child theme’s stylesheet is under Theme Editor? If so, is there a specific file? If not, how do i edit that? Thanks.

    Theme Author Bryan Hadaway

    (@bhadaway)

    Based on the code of your site, it looks like you’re using a cache plugin. Make sure to clear it and refresh the browser to see new changes. Still no-go? Try this:

    .brz .brz-css-uplwo > .brz-menu__ul > .brz-menu__item-dropdown > .brz-menu__dropdown {
    	padding-top: 30px !important;
    }

    It’s not best practice though. If you’re using BlankSlate, it means that you’re 99% most likely using a child theme, and since you don’t seem to be familiar with some of this, I’m guessing you have a web person that set up your site. Can you ask them for further assistance?

    Thread Starter jaymarsound7

    (@jaymarsound7)

    Yes. Thank you!

    Theme Author Bryan Hadaway

    (@bhadaway)

    You’re welcome.

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.