[Resolved] Mobile Menu/Off canvas panel questions

Home Forums Support [Resolved] Mobile Menu/Off canvas panel questions

Home Forums Support Mobile Menu/Off canvas panel questions

  • This topic has 9 replies, 4 voices, and was last updated 1 year ago by Leo.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1426100
    Sol

    Hello! I have a few questions…

    Mobile menu/off canvas panel – Why does the sub menu color assigned work on all pages except for the home page? Can we make it show on all pages?

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

    Can we make “Start Healing” from the mobile menu/off canvas panel an alternate style or color to stand out? When the menu is not open, we have a button at the top that says “book now” and want the “start healing” CTA to stand out like this when we open the menu.

    Thanks in advance!

    #1426721
    Tom
    Lead Developer
    Lead Developer

    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;
    }
    #1427416
    Sol

    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!

    #1428164
    Tom
    Lead Developer
    Lead Developer

    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;
    }
    #1433573
    Sol

    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?

    #1433881
    David
    Staff
    Customer Support

    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;
    }
    #1477887
    Sol

    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

    #1478060
    David
    Staff
    Customer Support

    Hi there,

    try enabling the Flex option in Customizer > General.

    #1479904
    Sol

    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!

    #1480678
    Leo
    Staff
    Customer Support

    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;
    }
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.