I NEED TO CHANGE THE MOBILE MENU SIZE ON MY WEB

This topic has 8 replies, 3 voices, and was last updated 1 months, 1 weeks ago ago by Luca Rossi

  • Avatar: LVRB Love's Rebel
    LVRB Love's Rebel
    Participant
    October 31, 2024 at 20:10

    Hello.

    I need to know how I can modify the size of the mobile menu when it opens. I want to see the option that on the web it is a little wider and on mobile it is full screen with the close button.

    Please, contact administrator
    for this information.
    7 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 1, 2024 at 07:46

    Hello, @LVRB Love’s Rebel,

    Thank you for contacting us and for using XStore.

    Could you kindly provide us with your website’s WP-admin access in the private content area? This will allow us to review the issue and assist you more effectively.

    Thank you for your cooperation.

    Best regards,
    The 8Theme Team

    Please contact administrator
    for this information.
    Avatar: LVRB Love's Rebel
    LVRB Love's Rebel
    Participant
    November 1, 2024 at 15:35

    Yes! Of course.

    Thanks

    Please contact administrator
    for this information.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 2, 2024 at 05:32

    Hello, @LVRB Love’s Rebel,

    Thank you for your response.

    Upon reviewing your website, we noticed that the header is being managed through the customizer. By default, there is no built-in option to modify the size of the mobile menu. To achieve this, additional code customization will be required.

    You can, however, change the type of the mobile menu according to your preferences and publish the changes. For your reference, we have provided an image in the private content area.

    We hope this information is helpful. Should you need further assistance, please do not hesitate to reach out.

    Best regards,
    The 8Theme Team

    Please contact administrator
    for this information.
    Avatar: LVRB Love's Rebel
    LVRB Love's Rebel
    Participant
    November 2, 2024 at 14:57

    Can you provide me with a code with which I can modify the size?

    Avatar: Justin
    Luca Rossi
    Support staff
    November 2, 2024 at 19:11

    Hi @LVRB Love’s Rebel,

    Please try adding this custom CSS codes under XStore > Theme Options > Theme Custom CSS > Global CSS:

    
    body .et-off-canvas>.et-mini-content {
        max-width: 400px;
    }
    

    Hope it helps!

    Avatar: LVRB Love's Rebel
    LVRB Love's Rebel
    Participant
    November 2, 2024 at 19:51

    Thank you!

    This code only modifies the size for the web version but not for the mobile version. Do you have the code to modify the mobile version?

    Avatar: Justin
    Luca Rossi
    Support staff
    November 3, 2024 at 14:40

    Hi @LVRB Love’s Rebel,

    Please update the previous CSS code to this:

    
    /* For Desktop */
    body .et-off-canvas>.et-mini-content {
        max-width: 400px;
    }
    
    /* For Mobile */
    
    @media (max-width: 600px){
    body .et-off-canvas>.et-mini-content {
        max-width: 250px;
    }
    }
    

    Hope it helps!

  • Viewing 8 results - 1 through 8 (of 8 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.