How to make mobile menu larger versus the current size?

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

  • Avatar: PR
    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.
    9 Answers
    Avatar: Tony Rodriguez
    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

    Avatar: PR
    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!

    Avatar: Tony Rodriguez
    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

    Avatar: PR
    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!

    Avatar: PR
    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

    Avatar: Tony Rodriguez
    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

    Avatar: PR
    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

    Avatar: PR
    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?

    Avatar: Tony Rodriguez
    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

  • Viewing 10 results - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.