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

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

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

    9 Answers
    Avatar: Rose Tyler
    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.
    Avatar: PR
    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!

    Avatar: Rose Tyler
    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

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

    Avatar: Tony Rodriguez
    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.
    Avatar: PR
    PR
    Participant
    May 30, 2023 at 08:41

    Hello Tony,

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

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 30, 2023 at 09:42

    Hello, PR,

    You’re welcome!

    Have a nice day!

    Best Regards,
    8Theme’s Team

  • 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

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