Mobile Menu/Off canvas panel questions

Hi there,

1. Not too sure what you mean - I'm seeing the sub-menu colors on the home page. Can you share a screenshot of the issue, maybe?

2. This has been implemented in GeneratePress 3.0.

3. Give this a shot:

.slideout-navigation li.nav-button a {
    background-color: #f37f3d;
    border: 2px solid #000000;
    color: #000000;
    line-height: 20px;
}

Thank you SO much, Tom!!

A few follow up questions:

2. What's the expected release date for GP 3.0?

3. The button looks great! The "selected" overlay/view though doesn't cover the full width of the button. Can we change that? Another option would be just to not make the button background change when we click...

4. Also about the off canvas panel/mobile menu - Can we remove the vertical lines next to the arrow?

Thanks again!

2. We're hoping to release the alpha version today. It's a massive update, so it will be a few weeks at the very least until the stable version is released.

3. Can you try the updated CSS above?

4. Try this:

.slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle {
    border: 0;
}

Thank you for the updates, Tom! Most of them worked :)

when I click on "what to heal" and then any one of the submenus under it like "general health" or "pain", the wording gets blocked off in orange and stays that way so we cannot view it anymore. Could you please take a look and let me know how to fix this?

Hi there,

try adding this CSS:

.slideout-navigation.main-navigation .main-nav ul li:hover>a,
.slideout-navigation.main-navigation .main-nav ul li:focus>a,
.slideout-navigation.main-navigation .main-nav ul li.sfHover>a {
    color: #000 !important;
}

Hello! We now have GP 30 and would like to know how to do the following:

Mobile menu/off canvas panel – Is it possible to only allow one submenu to display at a time?

You mentioned this would be possible with the new version. What would we need to do?

Thanks!
Sol

Hi there,

try enabling the Flex option in Customizer > General.

Thank you! This has now affected the "book now" button in the mobile menu. Could you please check and advise on how to fix this? Thank you!

What was it like before?

Looks like the width property in this CSS is causing the issue:

#mbutton {
    width: 50px;
    background-color: #f37f3d;
    border: 1px solid #000000;
    color: #000000;
    line-height: 20px;
    margin-right: 20px;
}