HAMBURGER MENU CLOSE BUTTON

axopoulosdennis
2 Posts
axopoulosdennis posted this 22 February 2022
Ask a Question

Hey Nicepage Team. I would like change the size of the X (CLOSE BUTTON) size in hamburger menu with CSS or any other method. Is it possible to guide me to target the right CSS element or help find another way. For example I'm adding:

.menu-close.menu-close-1 {
width: 80px;
height: 80px;
}

but it's not working.

Hey Nicepage Team. I would like change the size of the X (CLOSE BUTTON) size in hamburger menu with CSS or any other method. Is it possible to guide me to target the right CSS element or help find another way. For example I'm adding: .menu-close.menu-close-1 { width: 80px; height: 80px; } but it's not working.
Vote to pay developers attention to this features or issue.
4 Replies
Order By: Standard | Newest
axopoulosdennis
2 Posts
axopoulosdennis posted this 22 February 2022

Hey Guys, I found a solution myself, I'll share it here in case anyone has the same issue.

So I just added the code below in CSS and overwrote the current settings.

.u-enable-responsive .u-menu-close:before {
content: "\2715";
font-size: 56px !important;
}

Change the font size to your preference and the X button will change.

Or you could even transform on hover and add some color.

.u-enable-responsive .u-menu-close:before {
content: "\2715";
font-size: 56px !important;
transition: all .5s ease-in-out;
}

.u-enable-responsive .u-menu-close:hover {
content: "\2715";
transform: scale(1.2);
color: red;
}

be sure to check Compatibility with all browsers. Tested on Chrome.

Hey Guys, I found a solution myself, I'll share it here in case anyone has the same issue. So I just added the code below in CSS and overwrote the current settings. .u-enable-responsive .u-menu-close:before { content: "\2715"; font-size: 56px !important; } Change the font size to your preference and the X button will change. Or you could even transform on hover and add some color. .u-enable-responsive .u-menu-close:before { content: "\2715"; font-size: 56px !important; transition: all .5s ease-in-out; } .u-enable-responsive .u-menu-close:hover { content: "\2715"; transform: scale(1.2); color: red; } be sure to check Compatibility with all browsers. Tested on Chrome.
Support Team
Support Team posted this 23 February 2022

Hello NTENIS,

Thank you for provided information.
We are glad you have found a solution on your own.

Let us know if you have any other questions.
...................................................
Sincerely,
Anna T
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello NTENIS, Thank you for provided information. We are glad you have found a solution on your own. Let us know if you have any other questions. ................................................... Sincerely, Anna T Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
heikom36
38 Posts
heikom36 posted this 13 February 2023

Hello NTENIS,

Thank you for provided information.
We are glad you have found a solution on your own.

Let us know if you have any other questions.
...................................................
Sincerely,
Anna T
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

This ist NOT a good soloution. I buy a design-software and must use css for standardsettings.

Why you cant integrate fields for setting the fontsize?

> Hello NTENIS, > > Thank you for provided information. > We are glad you have found a solution on your own. > > Let us know if you have any other questions. > ................................................... > Sincerely, > Anna T > Nicepage Support Team > > Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 > Follow us on Facebook: http://facebook.com/nicepageapp This ist NOT a good soloution. I buy a design-software and must use css for standardsettings. Why you cant integrate fields for setting the fontsize?
Support Team
Support Team posted this 14 February 2023

Hello heikom36,

Nicepage has no additional control for editing the close button size with the hamburger panel but supports additional CSS to change that.
There are controls for font size, there are no separate settings for this button exactly.

Please let us know in case of any other questions.
...................................................
Sincerely,
Anna T
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello heikom36, Nicepage has no additional control for editing the close button size with the hamburger panel but supports additional CSS to change that. There are controls for font size, there are no separate settings for this button exactly. Please let us know in case of any other questions. ................................................... Sincerely, Anna T Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments