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.
#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
