Header OffCanvas

  • Resolved webcart

    (@webcart)


    1 year, 11 months ago

    Hi,
    I’m using Header OffCanvas menu for mobile and I need help with 2 things:

    1. How to cancel the “middle” background when pressing the hamburger icon – the background between the press until it load the final menu with its’ own background.

    2. How to center active sub categories?
    I have a long list of subcategories with products inside, and when opening the categories that are placed near the bottom – some of the products inside are not seen and the user needs to scroll.
    How can I ceneter it so it will not happen?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Prosenjit Barman

    (@prosenjitbarman)

    1 year, 11 months ago

    Hello @webcart,
    Thanks for reaching out to us!

    I can understand your queries. I have included an answer for each of the points below-

    1. In order to remove the Background that appears after clicking the Hamburger, Kindly check this video and apply changes accordingly. I hope it will help.

    2. In order to provide you with a solution for the second issue, I need to inspect the issue properly first. Kindly share the link of the page where you have placed the Header Offcanvas widget along with some screenshots or a video(if possible), regarding the issue. I will check everything properly and get back to you with an update as soon as possible.

    Let me know if you need any further assistance.

    Best Regards,
    Prosenjit

    Thread Starter webcart

    (@webcart)

    1 year, 11 months ago

    Hi @prosenjitbarman,
    Thanks for your reply.
    1. I changed the background color.
    Is there a way to remove the animation as well?
    It makes a side animation and then up animation. Maybe to remove only the side animation?
    2. I’ve solved it with JS but feel free to look: Link

    Benjir Ahmed

    (@benjirahmed)

    1 year, 11 months ago

    Hello @webcart ,

    To remove the side animation please add this below CSS code in Appearance → Customize → Additional CSS

    .ekit-wid-con .ekit-sidebar-group.ekit_isActive .ekit-sidebar-widget{
    transition: none !important;
}

    ​Let me know if you need further assistance regarding this matter. I will be glad to help you.

    Regards,
    Benjir

    Thread Starter webcart

    (@webcart)

    1 year, 11 months ago

    Hi @benjirahmed,
    Thanks for your reply.
    This removed the animation but there is a still a blank screen before the menu appears.
    Can I remove it also?

    Benjir Ahmed

    (@benjirahmed)

    1 year, 11 months ago

    Hey @webcart ,

    Sorry for the late reply. But I am not sure about what you meant by “There is a still a blank screen before the menu appears”. Can you please share relevant screenshot about it to understand clearly?

    Sincerely,
    Benjir

    Thread Starter webcart

    (@webcart)

    1 year, 11 months ago

    Hi @benjirahmed,
    Thanks for your reply.
    The menu was changed so I could not show you the problem but when the hamburger icon was clicked, a white screen appeared from the left and then the real menu appeared from bottom (or the opposite).
    I wanted to remove the middle part of the white background that appears before the real menu.

    Prosenjit Barman

    (@prosenjitbarman)

    1 year, 11 months ago

    Hello @webcart,
    I hope you are doing well!

    Thanks for clarifying which animation you are trying to remove. We haven’t added any control to remove animation from any specific part of the Header OffCanvas Widget. But, the animation that happens before the content happens can be removed by applying the CSS code mentioned below.

    .ekit-wid-con .ekit-sidebar-group.ekit_isActive .ekit_sidebar-widget-container{
transition: none !important;
}

    Let me know if that helps or if you need further assistance in this matter.

    Best Regards,
    Prosenjit

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Header OffCanvas’ is closed to new replies.