How to make sure the close button is not hidden by a promo bar at the top of your store

Some promo bars will hide the top of the size chart, sometimes even hiding the close button from your size charts.

One way to avoid this is to make space for the promo bar by removing the white space on the popup and making the popup vertically centered on the screen. If this solution works for you, follow the steps below:

Step 1

Copy this code

For Mobile Only

@media (max-width: 600px) {
#smartsize-dialog {
height: fit-content;
}

.smartsize_pop-up {
position: unset !important;
}
}

For Desktop Only

#smartsize-dialog {
height: fit-content;
}

 

For Mobile and Desktop

@#smartsize-dialog {
height: fit-content;
}

media (max-width: 600px) {
.smartsize_pop-up {
position: unset !important;
}
}

 

Step 2

Paste the code in the Custom CSS section from your theme, as shown below, and save your changes.