Return to previous page

Mobile menu – how to make it full sized vs 3/4

This topic has 10 replies, 3 voices, and was last updated 1 years, 8 months ago ago by Rose Tyler

PR

Participant

May 9, 2023 at 20:55

Hello,

How can we show the mobile menu as full width?
It currently shows as 3/4 but there is still a little space left.
Is there anyway to make it 100% to occupy the full screen?

demo; https://xstore.8theme.com/elementor/demos/niche-market02/

Thanks!

#356153 Copied Theme version: 9.1.2

9 Answers
Rose Tyler

Support staff

May 10, 2023 at 07:31
Hello, PR,

There is no such option, but you can try to use the next custom CSS code:

.et-off-canvas>.et-mini-content { width: 100%; }

We hope this information is helpful.

Kind Regards,
8theme team
Please contact administrator
for this information.
#356188 Copied
PR

Participant

May 11, 2023 at 05:57

Hello Rose,

There was an option I think located on the x-store section where you can make the menu either on the left side, right side, or full width.

Can you tell us where to find that section so we can make it full width?

Thanks for your help!

#356302 Copied

Rose Tyler

Support staff

May 11, 2023 at 07:36

Hello, PR,

Thank you for your response.

Theme options > Header Builder > Mobile menu > Type

Kind Regards,
8theme team

#356318 Copied

PR

Participant

May 29, 2023 at 02:24

Hello Rose,

thanks, we found it!

just having some issues on that section;

1) We chose the option which appears in the middle of the screen versus the options of left side / right side (when the menu opened from the right side/left side) once you clicked the button.

When we click it, it opens but we cannot see anything? It appears as transparent.

How can we make the background a solid color?

Thanks

Please contact administrator
for this information.

#357916 Copied

Tony Rodriguez

Support staff

May 29, 2023 at 06:15

Hello @PR,

We have conducted a check of your website on a mobile device and have found that the background color of the mobile menu is functioning correctly as a solid color and is not transparent. This appears to be an issue with your cache, so we suggest that you clear the cache on your mobile device and try again.

Please refer to the screenshot in the private content area of this topic.

Best Regards,
8Theme’s Team

Please contact administrator
for this information.

#357927 Copied

PR

Participant

May 29, 2023 at 20:03

Hello Tony,

thanks!
it looks weird on the computer screen device.

is the off-canvas menu more used?

thanks for your advice!

#358022 Copied
Tony Rodriguez

Support staff

May 30, 2023 at 08:35
Hello, PR,

In order to solve your issue, please copy and paste the following CSS code to XStore >> Theme Options >> Theme Custom CSS >> Global CSS and then clear your browser cache:

.et-off-canvas>.et-mini-content { margin-left: 90px !important; }

Best Regards,
8Theme’s Team
Please contact administrator
for this information.
#358080 Copied
PR

Participant

May 30, 2023 at 08:41

Hello Tony,

Thanks!
Can the image be added to the PCA please?

#358081 Copied

Rose Tyler

Support staff

May 30, 2023 at 09:42

Hello, PR,

You’re welcome!

Have a nice day!

Best Regards,
8Theme’s Team

#358098 Copied
Tagged: 3/4 menu size, full sized menu, mobile menu, optimal menu size, persuasive writing, seo friendly, woocommerce wordpress templates
Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Mobile menu – how to make it full sized vs 3/4’' has been successfully resolved, and the topic is now closed for further responses

Mobile menu – how to make it full sized vs 3/4

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection