Advanced Customization
Overview
Copy the URL link to this section to share
This article provides custom CSS that can be used to alter the appearance or behavior of specific elements on the Help Dialog. It is important to note that it is always recommended to back up your website before making any changes, and it is advisable to seek the assistance of a professional when making CSS adjustments. Please use caution and exercise due diligence when implementing custom CSS to ensure that your Help Dialog functions as intended.
Dialog distance from bottom of the screen on Mobile
Copy the URL link to this section to share
Is it possible to 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;
}
}
