To customize the modal styles in your app, follow these steps:

Go to Styles & Settings.
From the General Settings click on the "Modal" tab.
Scroll down to the "Modal Styles" section. Within this section, find "Modal Style." Click on it to access the Shop Logo option.

Addressing Logo Overlap on Mobile

Question: The logo overlaps with the pop-up header text on mobile. What can I do?

If your logo is too wide and overlaps with the text on mobile, you can add custom CSS to hide the logo on smaller screens. Follow these steps:

@media only screen and (max-width: 600px) {
.ks-modal-logo {
display: none;
}
}

This code will hide the logo when viewed on devices with a screen width of 600 pixels or less.