Archived topic

Left space on archive pages (2 columns layout) in mobile screen

3 replies · Started by Hilton on August 15, 2019

Viewing posts 1–4 of 4

August 15, 2019 at 9:50 pm #985369

Hi,

We've noticed a left space on archive pages as you can see here https://prnt.sc/otboq5

We added this custom CSS to try to fix that. Can you validate please?

@media only screen and (max-width: 768px) {
.generate-columns-container:not(.masonry-container) .generate-columns {
padding-left:0;
}
}

August 16, 2019 at 4:07 am #985545

Hi there,

looks like the CSS for mobile is being re-ordered by your cache. Try flushing it to see if it resolves the issue. If it is still a problem then try this CSS to force the change:

@media (max-width: 767px) {
    .generate-columns-container>* {
        padding-left: 0 !important;
    }
}

August 16, 2019 at 8:35 am #985857

Hi David,

Thanks ;)

August 16, 2019 at 8:40 am #985860

You're welcome

This archived topic is closed to new replies.

Start building better websites today.