Home › Forums › WoodMart support forum › Mobile menu -> enable the “Show
Mobile menu -> enable the “Show
- This topic has 72 replies, 2 voices, and was last updated 1 hour, 28 minutes ago by Hung Pham.
-
AuthorPosts
-
October 9, 2024 at 5:10 pm #603792
Hung PhamKeymasterHi supplytech.infos,
Keep us in mind for future questions and concerns, we’re always here to help!
Regards,
October 10, 2024 at 7:18 pm #604188
supplytech.infosParticipantI hope this message finds you well. I am reaching out to seek your assistance regarding the display of category previews on the mobile version of our website.
I have noticed that one of the previews has a particularly polished appearance, while the other does not meet our visual standards. Additionally, I would like the categories to be displayed with separated lines for better clarity.
I would greatly appreciate it if you could align the last preview with the model of the first image and implement the line separation to ensure aesthetic consistency on our mobile platform.
Attachments:
You must be logged in to view attached files.October 11, 2024 at 11:01 am #604335
Hung PhamKeymasterHi supplytech.infos,
It’s not an issue, please allow me to explain:
HTML Block is used to create a Mega Menu block and cannot be used in mobile view as the mobile view does not have space enough to reflect it.
You need to create separate multi-level Categories menu for mobile menu https://prnt.sc/19SX5WWqX_6e
Navigate to WoodMart > Header builder > edit default header (highlighted star icon) or you can go through admin bar directly https://prnt.sc/Ct9ehRDvvDV9.
Switch to
Mobile
tab, hover onMobile menu
element, click on Pencil icon to edit it https://prnt.sc/s6iF4ilXjpmW here you assign created menu above to display on mobile. https://prnt.sc/zRLwmIlGloJE https://prnt.sc/N4PrLBOJKMQmPlease refer to this article https://xtemos.com/docs-topic/adding-menu-to-the-site/
Regards,
October 11, 2024 at 7:25 pm #604507
supplytech.infosParticipantbut you already resolved the same problem of a previous requests
October 13, 2024 at 6:01 pm #604687
Hung PhamKeymasterHi supplytech.infos,
Thanks for your patience.
Please add the below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for Mobile section:
ul.wd-nav-mobile ul.wd-sub-menu a { border-bottom: 1px solid var(--brdcolor-gray-300); }
Regards,
October 13, 2024 at 9:52 pm #604704
supplytech.infosParticipantis perfect, work thank you
October 14, 2024 at 10:23 am #604761
Hung PhamKeymasterHi supplytech.infos,
Glad to hear your issue has been resolved.
Regards,
October 14, 2024 at 5:41 pm #604932
supplytech.infosParticipantplease another request : im using the WP Rocket plugin with your WoodMart theme, but I’m encountering issues where certain features of the theme do not function properly after enabling WP Rocket’s optimization settings (e.g., minification, lazy loading, or caching). Could you please advise on the best practices or provide any known compatibility recommendations to ensure WP Rocket works smoothly with WoodMart? Are there specific settings or files I should exclude from optimization?
October 15, 2024 at 7:46 am #604996
Hung PhamKeymasterHi supplytech.infos,
Our guide on how to optimize your website using our themes can be found here: https://xtemos.com/wordpress-performance-optimization-the-ultimate-guide-in-2021/.
If you have any further questions, please don’t hesitate to reach out.
Regards,
October 19, 2024 at 12:06 pm #606210
supplytech.infosParticipantHello,
I am experiencing an issue with the WP Rocket plugin on my website. When I activate the plugin, the layout and CSS styles for the mobile version of the site no longer function properly. This disrupts the display and negatively impacts the user experience on mobile devices.
I’ve followed all the instructions provided in the guide, but the issue persists. I’ve also attached screenshots showing how my site looks on mobile before and after activating WP Rocket.
Issue observed: CSS styles are not applied correctly to the mobile version after WP Rocket is activated.
WP Rocket version: version 3.17.1
Website URL: supplytech.ma
Could you please help me resolve this issue so that the mobile version works correctly with WP Rocket enabled?Thank you in advance for your assistance.
Attachments:
You must be logged in to view attached files.October 20, 2024 at 1:26 pm #606286
Hung PhamKeymasterHi supplytech.infos,
The WP Rocket plugin settings offer several types of Minify options. If minify CSS is causing the problem so there is no need to enable Minify CSS in the cache plugin settings or you can try with JS or HTML minifications.
https://wp-rocket.me/google-core-web-vitals-wordpress/minify-css-javascript/
Regards,
November 18, 2024 at 6:00 pm #613039
supplytech.infosParticipanthello, please i need how create a new tabs for special category
Attachments:
You must be logged in to view attached files.November 18, 2024 at 7:21 pm #613105
Hung PhamKeymasterHi supplytech.infos,
With Theme Presets, you can select specific pages as well with
Single posts from term
condition and select category https://ibb.co/M8msrpGThen, go to Theme Settings > Shop > Single product and add custom tabs for selected category.
Check our article about theme preset – https://xtemos.com/docs-topic/theme-settings-presets/
If you have any questions, let me know.
Regards,
-
AuthorPosts
Tagged: the submenus on the SHOP page appear on the PC version but do not show up on the mobile version.
- You must be logged in to create new topics. Login / Register