This topic has 8 replies, 3 voices, and was last updated 1 months, 1 weeks ago ago by Luca Rossi
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.
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
Yes! Of course.
Thanks
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
Can you provide me with a code with which I can modify the size?
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!
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?
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!
You must be logged in to reply to this topic.Log in/Sign up