Home › Forums › WoodMart support forum › Hide menu sticky navigation

Hide menu sticky navigation

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 14, 2025 at 11:09 am #638056

    iliadis
    Participant

    Hello,

    I would like to hide menu sticky navigation from left, and I would like to open only if I clicked on burger icon from menu in header. How I can do this?

    I don’t want to delete menu, I just want to be hidden and open from left only when I click it from burger icon.

    I searched in other topics but nothing helps.

    Thank you in advance.

    February 14, 2025 at 2:28 pm #638126

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Currently, it is not possible to achieve this through the theme settings. However, you can try using the Categories Element in the Header Builder to display the categories: https://ibb.co/ymgqzW2F

    Additionally, each page has an option to configure the categories menu behavior. Navigate to Pages > edit Page and in the bottom of the page settings, You can set it to appear on click by enabling “Open categories menu”—this will ensure the categories navigation only appears when clicked: https://xtemos.com/docs/woodmart/options-for-pages/

    Hope this helps!

    Best Regards,

    February 17, 2025 at 10:01 am #638532

    iliadis
    Participant

    Hello,

    Oh no, I just want to hide vertical bar from left. This is not possible?

    Is there no way to achieve this?

    Thank you in advance.

    February 17, 2025 at 3:06 pm #638695

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    It can be disabled via Theme Settings > General > Sticky Navigation and Remove the menu.
    https://monosnap.com/file/nbd0skMXoRDPgvCBtAVo5EpOBK8ucR

    Here is the guide: https://xtemos.com/docs-topic/sticky-navigation/

    Best Regards,

    February 18, 2025 at 10:14 am #638882

    iliadis
    Participant

    Hello,

    No, I don’t want to remove menu. I just want left sticky menu bar be hidden and open only if I click on burger menu!

    February 18, 2025 at 2:14 pm #639025

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Unfortunately, this is not possible within the theme settings. It requires customization, which is beyond our support policy.

    However, you can use the “Browse Categories” widget in the header builder.

    Alternatively, you can add the hamburger mobile menu to the desktop version by following these steps:

    1. Navigate to WoodMart > Header Builder
    2. Edit the Default Header (marked with a star icon) or access it directly via the admin bar: https://prnt.sc/Ct9ehRDvvDV9
    3. Add the Mobile Menu Widget in the desktop header and configure it accordingly: https://ibb.co/0psCpHyd

    Hope this Helps!

    Best Regards,

    February 20, 2025 at 12:40 pm #639610

    iliadis
    Participant

    Hello,

    Ok thank you, I will try it.

    Just one last question please according to menu.

    I want to create a menu something like the menu in the image I send you. How I can do this? Because I don’t want just a menu with links, I want something more fancy.

    https://snipboard.io/1KIHyG.jpg

    Thank you in advance.

    February 20, 2025 at 2:59 pm #639665

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You can achieve the same effect using the Icon Box widget in your page builder. This allows you to add a title, content, an icon, and a custom URL. Simply customize the design to match your desired look and feel.

    See the Screenshot for a better understanding: https://snipboard.io/dk9Pg0.jpg

    Best Regards,

    February 24, 2025 at 10:52 am #640334

    iliadis
    Participant

    Hello,

    Yes, but, I want to achieve this in menu. So, when I click on burger icon, it will open menu with this format.

    How I can achieve this in menu (not just in a page)?

    • This reply was modified 10 hours, 40 minutes ago by iliadis.
    February 24, 2025 at 3:18 pm #640506

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You can create custom content within an HTML Block in the Page Builder.

    Once done, assign the block in Appearance > Widgets > Area after the mobile menu: https://take.ms/HrIPE

    To get started, you’ll need to create an HTML Block. For detailed instructions, please follow this guide:
    [HTML Blocks Usage Guide] ( https://xtemos.com/docs-topic/html-blocks-usage/ ).

    For this, you need to add the Mobile Menu Widget in the desktop header and configure it accordingly. But it will show the HTML Blocks both in desktop and mobile: https://ibb.co/0psCpHyd

    Best Regards,

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