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:
- Go to Settings > Advanced > Custom CSS.
- Add the following CSS code:
@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.