Home › Forums › WoodMart support forum › Hide menu sticky navigation
Hide menu sticky navigation
- This topic has 19 replies, 2 voices, and was last updated 3 months, 4 weeks ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
February 14, 2025 at 11:09 am #638056
iliadisParticipantHello,
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 AwanKeymasterHello,
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
iliadisParticipantHello,
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 AwanKeymasterHello,
It can be disabled via Theme Settings > General > Sticky Navigation and Remove the menu.
https://monosnap.com/file/nbd0skMXoRDPgvCBtAVo5EpOBK8ucRHere is the guide: https://xtemos.com/docs-topic/sticky-navigation/
Best Regards,
February 18, 2025 at 10:14 am #638882
iliadisParticipantHello,
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 AwanKeymasterHello,
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/0psCpHydHope this Helps!
Best Regards,
February 20, 2025 at 12:40 pm #639610
iliadisParticipantHello,
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 AwanKeymasterHello,
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
iliadisParticipantHello,
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.
February 24, 2025 at 3:18 pm #640506
Aizaz Imtiaz AwanKeymasterHello,
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,
March 6, 2025 at 2:52 pm #643450
iliadisParticipantHello,
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.
March 7, 2025 at 8:05 am #643687
Aizaz Imtiaz AwanKeymasterHello,
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,
March 13, 2025 at 4:55 pm #645662
iliadisParticipantHello,
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.
March 14, 2025 at 10:33 am #645803
Aizaz Imtiaz AwanKeymasterHello,
Please confirm the permission for plugin deactivation and switching to the parent/default theme for testing.
Looking forward to collaborating with you!
Best Regards,
March 17, 2025 at 10:54 am #646316
iliadisParticipantHello,
Yes, you can deactivated but please, then activated them again. Thank you.
March 17, 2025 at 3:47 pm #646472
Aizaz Imtiaz AwanKeymasterHello,
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,
March 17, 2025 at 4:57 pm #646506
iliadisParticipantHello,
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.jpgIf 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.
March 18, 2025 at 9:33 am #646623
Aizaz Imtiaz AwanKeymasterHello,
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,
March 18, 2025 at 10:38 am #646656
iliadisParticipantHello,
Yes, but is it normal css affects in calculating the height of item (with javascript)? It’ s just css rules.
Thank you in advance.
March 18, 2025 at 2:11 pm #646768
Aizaz Imtiaz AwanKeymasterHello,
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,
-
This reply was modified 4 months, 2 weeks ago by
-
AuthorPosts
- You must be logged in to create new topics. Login / Register