Return to previous page

Change the design theme of the mobile menu

This topic has 6 replies, 2 voices, and was last updated 2 months, 4 weeks ago ago by Rose Tyler

MarkChatters

Participant

July 7, 2024 at 05:18

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!

#403404 Copied Theme version: 9.3.13

5 Answers

Rose Tyler

Support staff

July 7, 2024 at 06:59

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

#403411 Copied

MarkChatters

Participant

July 7, 2024 at 08:57

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.

#403436 Copied

Rose Tyler

Support staff

July 7, 2024 at 10:23

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

#403440 Copied

MarkChatters

Participant

July 7, 2024 at 19:05

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

#403469 Copied

Rose Tyler

Support staff

July 8, 2024 at 07:44

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://xstore.helpscoutdocs.com/article/179-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

#403509 Copied
Tagged: customization, design update, mobile menu, theme change, user friendly, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)