Return to previous page

How to increase the width of the form in the slide out hamburger?

This topic has 6 replies, 3 voices, and was last updated 4 weeks, 1 days ago ago by Tony Rodriguez

Qilah

Participant

March 28, 2024 at 05:36

Hi i have a hamburger menu on my navigation bar, when click it will show up a form. How can i increase the width of the form as now it feels quite cramp

Files is visible for topic creator and
support staff only.

#388852 Copied Theme version: 9.2.7

5 Answers

Rose Tyler

Support staff

March 28, 2024 at 08:23

Hello, Qilah,

We appreciate you contacting us with your inquiry about the hamburger menu on your navigation bar.

We kindly suggest that you attempt to adjust the padding by navigating to Header Builder > Mobile Menu > Off-Canvas Content > Computed Box.

Should this not resolve the issue, we would be grateful if you could provide us with temporary wp-admin access to further assist you.

Best Regards,
8Theme’s Team

#388865 Copied

Qilah

Participant

March 28, 2024 at 09:22

Adjusted the padding but the form got smaller as the padding increased. I want to make the form wider as well, not just the padding around the form.

Please contact administrator
for this information.

#388889 Copied

Rose Tyler

Support staff

March 28, 2024 at 09:30

Hello, Qilah,

Thank you for getting in touch with us.

Here is an example for you – https://prnt.sc/_EEasRecK2bl > https://prnt.sc/5bbrW8538W4G

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Best Regards,
8Theme’s Team

#388893 Copied

Qilah

Participant

March 28, 2024 at 09:56

is it possible for the width to be increased?

Files is visible for topic creator and
support staff only.

#388897 Copied
Tony Rodriguez

Support staff

March 28, 2024 at 11:27
Hello, @Qilah,

Thank you for your response.

To solve your issue, please add the next CSS code in XStore > Theme options > Theme custom CSS > Global css.
```
.et-off-canvas>.et-mini-content {
    max-width: 500px !important;
}
```
The result should look like this: https://imgur.com/dQyJu8A

We hope this will solve your issue.

Should you require any further assistance, please do not hesitate to reach out.

Best Regards,
8Theme’s Team
#388915 Copied
Tagged: customize woocommerce, increase form width, slide out hamburger, ui enhancements, web design tips, woocommerce, wordpress templates
Viewing 6 results - 1 through 6 (of 6 total)