Hide menu sticky navigation
-
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.
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,
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.
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,
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!
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,
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.
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,
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 5 months ago by
iliadis.
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,
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.
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,
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.
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,
Hello,
Yes, you can deactivated but please, then activated them again. Thank you.
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,
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 4 months, 1 week ago by iliadis.
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,
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.
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,
.
