Home Forums WoodMart support forum Hide menu sticky navigation

Hide menu sticky navigation

Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • #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.

    #638126

    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,

    #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.

    #638695

    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,

    #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!

    #639025

    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,

    #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.

    #639665

    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,

    #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 4 months, 2 weeks ago by iliadis.
    #640506

    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,

    #643450

    iliadis
    Participant

    Hello,

    I have a very important problem in this site.

    In single product page, product image gallery is not correct, it seems broken.

    See screensho for more: https://snipboard.io/R7Kghe.jpg

    How I can solve this problem?

    I have set height with css (in style.css) for now, but it is necessary to solve the problem as soon as possible, because we want to turn site live.

    I sent you admin creds. You can delete css rule for height in thumbnails if you want.

    #643687

    Hello,

    Please deactivate all the 3rd party plugins and activate only theme-required plugins on the site and then check the issue. I am sure your issue will be solved. Then Activate the 3rd party plugins one by one and check which plugin is creating the issue for you.

    Otherwise, if the issue still exists then keep the 3rd party plugins deactivated and let me know so I will check and give you a possible solution.

    Best Regards,

    #645662

    iliadis
    Participant

    Hello,

    Unfortunately I deactivated all 3rd party plugins except Woodmart Core, WooCommerce and Elementor and I have still this issue. (https://snipboard.io/cfUj9S.jpg) . I tried update theme but unfortunatelly nothing change.

    Please give an other solution.

    Thank you in advance.

    #645803

    Hello,

    Please confirm the permission for plugin deactivation and switching to the parent/default theme for testing.

    Looking forward to collaborating with you!

    Best Regards,

    #646316

    iliadis
    Participant

    Hello,

    Yes, you can deactivated but please, then activated them again. Thank you.

    #646472

    Hello,

    Your issue has been resolved. I have deactivated the code snippet plugin and activated the parent theme on your site and the issue has been resolved.

    See Screenshot for clarification: https://ibb.co/YBQvjb8N

    Please check back your site and check the issue.

    Best Regards,

    #646506

    iliadis
    Participant

    Hello,

    Problem occurs when we activate child theme and not code snippets plygin. So, I enabled plugin again.

    In child theme we have just add css in style.css, and it displays this.
    https://snipboard.io/9EvaJd.jpg

    If you want to do some check, please comment line 345 in style.css

    Please tell me what should do to fix this problem.

    Thank you in advance.

    • This reply was modified 3 months, 4 weeks ago by iliadis.
    #646623

    Hello,

    Thank you for your patience. I have tested your site by commenting out line 345 in style.css, but the issue still persists. This suggests that the problem is not caused by that specific CSS rule.

    To investigate further, I recommend:

    Temporarily switching to the parent theme to confirm if the issue is entirely child theme-related.

    Checking other custom CSS added in the child theme that might be affecting the layout.

    Best Regards,

    #646656

    iliadis
    Participant

    Hello,

    Yes, but is it normal css affects in calculating the height of item (with javascript)? It’ s just css rules.

    Thank you in advance.

    #646768

    Hello,

    Yes, CSS can affect JavaScript’s height calculation, especially if properties like margin, padding, or display are involved. Certain CSS rules may cause JavaScript to return different height values than expected.

    Additionally, I have checked your site and now you have activated the child theme and the product gallery is working fine.

    Please let me know if you need any further details.

    Best Regards,

Viewing 20 posts - 1 through 20 (of 20 total)