Change size of Pane Reopen button on mobile

CSS Codes Forms
1

Add the code below to the Custom CSS field on your Form widget’s Appearance tab:

@media screen and (max-width: 600px) {
.global-styles, .es-forms-floating-button {
font-size: 15px !important;
}

.global-styles, .es-forms-floating-button [class*="ButtonBase__Overlay-sc"] {
padding: 6px 15px !important;
}

.global-styles,
.es-forms-floating-button [class*="Icon__IconContainer-sc"],
.es-forms-floating-button [class*="Icon__IconContainer-sc"] svg {
width: 18px;
height: 18px;
}
}

Guys, if this code was helpful to you, please drop a line in the comments. Your feedback helps us improve our services and provide better solutions :slightly_smiling_face:

2

Exactly what I required! Thanks very much.

1 Like
3

Happy to hear that the code worked for you! Thanks a ton for your feedback :heart: