This topic has 6 replies, 2 voices, and was last updated 4 months, 2 weeks ago ago by Rose Tyler
Hello! I was wondering if there was any way to change the mobile menu appearance itself to one that’s on a different theme from xStore?
Thanks!
Hello MarkChatters,
Thank you for contacting us regarding your interest in customizing the mobile menu appearance. We appreciate your engagement and are here to assist you.
To better understand your requirements and provide you with the most accurate assistance, could you please provide us with some examples of the desired outcome?
Thank you once again for reaching out. We look forward to your response.
Best Regards,
8Theme’s Team
Hello! Yeah, mainly was just looking at making the mobile menu (the slider menu that happens after clicking hamburger icon in mobile view) a bit more bold to match my brand style, remove the categories section, change the top image, etc… something like the one on these themes in terms of layout:
https://xstore.8theme.com/elementor/demos/interior/
https://xstore.8theme.com/demos/cocktails
So really just wanted to see how to change the mobile menu design.
Hello MarkChatters,
Thank you for your prompt response.
You can find all available settings under Theme Options > Header Builder > Mobile Menu. Should you encounter any difficulties in configuring these settings, we are more than willing to assist you with styling using custom CSS code. For this purpose, please provide us with a detailed description of the desired outcome.
Best Regards,
8Theme’s Team
Thank you that did help! Couple follow up questions though.
1: I do see “HTML blocks” where can I go to actually put in HTML for it? And follow up,
2: Where would I go to enter custom CSS?
3: Anyway to make the mobile menu elements text (shop, cart, account, etc…) centered instead of left aligned? Or basically edit the elements themselves
Hello MarkChatters,
Thank you for your prompt response.
We would like to request the following adjustments and clarifications to proceed:
1/ Please enable the HTML block for the mobile menu as shown here: https://prnt.sc/SzLEX7zczDqs You can set the content for these blocks via Header Builder > HTML Blocks. For reference, please see: https://prnt.sc/Yk2ASI2x_2SZ.
2/ For guidance on the optimal placement of custom CSS code, kindly refer to the following article: https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/.
3/ Could you also provide some screenshots to help us better understand the desired result?
We appreciate your cooperation and look forward to your response.
Best Regards,
8Theme’s Team
You must be logged in to reply to this topic.Log in/Sign up