Return to previous page

How to make mobile menu larger versus the current size?

This topic has 10 replies, 2 voices, and was last updated 1 years, 11 months ago ago by Tony Rodriguez

PR

Participant

February 27, 2023 at 00:28

Hello,

I have added a website on the PCA.

The mobile menu is appearing as the full size versus when we use the one on this demo; https://xstore.8theme.com/elementor2/industrial-power-tools/

It appears half the screen size.
Can we make it so it appears full width to add more content inside the screen?

Thanks for your help!

Please, contact administrator
for this information.

#348138 Copied Theme version: 9.0.4

9 Answers

Tony Rodriguez

Support staff

February 27, 2023 at 05:45

Hello @PR,

We kindly request that you go to XStore >> Theme Options >> Header Builder >> Mobile and edit the Mobile Menu, changing the Off-Canvas type to the left side will solve your issue.

Please refer to the screenshot provided at the following link: https://postimg.cc/D4wctJcN

Best Regards,
8Theme’s Team

#348145 Copied

PR

Participant

February 28, 2023 at 00:21

Hello Tony,

The menu is still showing as half screen when I click it on mobile.

I would like the phone menu to become the full width of the phone screen and not just half as shown in the website which is on the PCA.

Please let us know and thanks for your help!

#348253 Copied

Tony Rodriguez

Support staff

February 28, 2023 at 07:28

Hello @PR,

We apologize for any inconvenience this may cause. In order to assist you with the issue you are experiencing, please provide us with your WordPress admin URL, username, and password in the private content area of this topic.

WP admin URL:
WP admin username:
WP admin password:

Please note that it is recommended to take a complete backup of your site before proceeding.

Thank you for your cooperation.

Best regards,
8Theme’s Team

#348270 Copied

PR

Participant

March 1, 2023 at 00:45

Hello,

Sorry I think I may have confused you.

There is no option to make the mobile menu full width.
There is only a left side, right side from the options you have provided above.

I would like for it to make the mobile menu full width when someone clicks it. I cant find a way to do that.

Please let me know!

#348408 Copied

PR

Participant

March 1, 2023 at 00:46

I have selected the off canvas left, but once clicked – it doesn’t make the whole mobile covered with the menu, the website still shows a little bit on the right side

#348409 Copied

Tony Rodriguez

Support staff

March 1, 2023 at 07:29

Hello @PR,

We apologize for the inconvenience, but if you would like to cover the entire mobile screen when the mobile popup opens, you must set the OffCanvas type to full. Please refer to the screenshot provided: https://postimg.cc/JypDX6VD. This is the only available option.

Best Regards,
8Theme’s Team

#348423 Copied

PR

Participant

March 2, 2023 at 00:34

Hello Tony,

Thanks
When we do that, the mobile screen appears and has no solid background color to it, it appears “over” the contents of the website and not on a solid background such as when you choose either the left or right side.

Please let us know

#348525 Copied

PR

Participant

March 2, 2023 at 00:37

Is there any way of choose the screen to appear from the left side and then be full screen width?

Perhaps some code?

#348526 Copied

Tony Rodriguez

Support staff

March 2, 2023 at 09:02

Hello, @PR,

1) In order to make the mobile menu screen appear with a solid background color, we have created a video tutorial for you on our test site. Please watch and follow the steps shown in the video: https://www.veed.io/view/2c248fe5-a685-4da8-862b-291a1535c077?sharingWidget=true&panel=share

2) We regret to inform you that it is not possible to set the left or right off canvas as full width with the current version of the theme. Item support does not include services to modify or extend the item beyond the original features, style, and functionality described on the item page.

If you would like to pursue paid customization services, we recommend submitting a customization request to the WPKraken team via their website: https://wpkraken.io/?ref=8theme.

Alternatively, you can post your request on our Taskboard at https://www.8theme.com/taskboard/. If it receives enough votes from other customers, our development team will consider adding it in one of the upcoming updates.

Best Regards,
8Theme’s Team

#348564 Copied
Tagged: mobile menu, persuasive, size increase, themes, woocommerce, wordpress
Viewing 10 results - 1 through 10 (of 10 total)