Return to previous page

I NEED TO CHANGE THE MOBILE MENU SIZE ON MY WEB

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

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.

#421216 Copied Theme version: 9.4.3

7 Answers

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.

#421250 Copied

LVRB Love's Rebel

Participant

November 1, 2024 at 15:35

Yes! Of course.

Thanks

Please contact administrator
for this information.

#421320 Copied

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.

#421366 Copied

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?

#421409 Copied
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!
#421428 Copied
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?

#421431 Copied
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!
#421449 Copied
Viewing 8 results - 1 through 8 (of 8 total)