Print

Advanced Customization

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.

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;
  }
}
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;
  }
}
Was this article helpful?
0 out Of 5 Stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
5
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.
Need help?
Table of Contents