Advanced Customization
Overview
Copy the URL link to this section to share
This article provides custom CSS tips to modify the appearance or behavior of specific elements in the Help Dialog. It’s important to back up your website before making any changes. We also recommend seeking professional assistance for CSS adjustments. Please use caution and thoroughness when implementing custom CSS to ensure that your Help Dialog functions as intended.
Adjusting Dialog Distance from the Bottom of the Screen on Mobile Devices
Copy the URL link to this section to share
You can customize the distance of the dialog from the bottom of the screen on mobile devices.
CSS
/*
Changes the 30 value to your desired height
Change the --1 value to the widget number to target if you have mulitple widgets.
Change the 480 value to your desired mobile width.
*/
@media only screen and (max-width: 480px) {
.ephd-hd-toggle.ephd-widget--1 {
bottom: 30px !important;
}
}
Hide Dialog on Mobile
Copy the URL link to this section to share
CSS
/*
Hide Dialog on Mobile
Change the --1 value to the widget number to target if you have mulitple widgets.
Change the 480 value to your desired mobile width
*/
@media only screen and (max-width: 480px) {
.ephd-hd-toggle.ephd-widget--1 {
display:none !important;
}
}
