tuanphan
August 12, 2023, 2:10am
1
Today I will check site: iswiibyangrybirds.com , I see the site on this thread by @Shuanghao_Li #1 . (Mobile) Image disappear on promotional popup
#2 . (Tablet - Footer) Some text overlap together
#3 . (Tablet) Nav items - Icons not align
#4 . (Mobile - Menu) Huge white space when clicking Ice Cream menu @Helga
#1 , #2 , #3 we will need to use CSS to fix this. If you need it, let me know, I can give code#4 . I think problem come from new editor, if using Classic Editor section for this, I guess problem will be disappear
1 Like
Hi @tuanphan , Thanks for your feedback, and yes, if possible, can you share me the CSS to fix the issue.
tuanphan
August 14, 2023, 3:28pm
3
#1 . Add this code to Design > Custom CSS (or Website > Website Tools > Custom CSS)
/* show popup mobile image */
@media screen and (max-width:767px) {
.sqs-popup-overlay-content .sqs-slide {
position: fixed !important;
}
.sqs-slide-wrapper[data-slide-type="popup-overlay"] [data-slice-type="gallery"] .sqs-slice-gallery-item.loaded img {
opacity: 1 !important;
}
.sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] [data-slice-type="gallery"] {
display: block !important;
}
.sqs-slide-wrapper[data-slide-type="popup-overlay"] [data-slice-type="gallery"] {
z-index: 1000 !important;
}
.sqs-slice-group.group-copy.copy-layer-background {
z-index: 99999999;
background-color: transparent !important;
}
a.sqs-popup-overlay-close {
z-index: 9999999 !important;
}
}
#2 . How about removing stay updated column on tablet with code? I think currently, there is not enough space to place all
#3 . Use this CSS code (Design > Custom CSS or Website > Website Tools > Custom CSS)
/* Align Tablet Burger Icons - Nav items */
.header-menu-actions {
margin-left: 8vw !important;
}
#4 . You try using Classic Editor section for this
2 Likes
