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.