By default, when reaching out via your contact form, your end users are presented with a drop-down which they can use to select the app they are reaching out about.

You may wish to remove this default menu option to ensure the right app is selected when your users are reaching out, as seen in the image below.

To remove the arrow and drop-down from the app selection screen, navigate to Settings > Web Support Portal, click the button “Customize CSS”, and insert this snippet into your Custom CSS editor:

#report-issue-modal .field-app-dropdown .dropdown-title {
min-height: 30px;
background: transparent;
border: 0;
padding: 2px 0 0 6px;
cursor: default;
}

/* Removes the arrow */
#report-issue-modal .field-app-dropdown .dropdown-title:after {
display: none;
}

At the bottom of the page, you’ll have the option to preview this update prior to publishing it live to your Web Support Portal. Simply click the ‘Preview’ button to enable this view.

To learn more about using CSS to customize the Web Support Portal or contact form, see How Do I Customize My Web Support Portal?