Force single stack mobile

Samgoldwater · February 19, 2021

Hey team!

My site displays as I expect on desktop, but on mobile it is 2 column and difficult to see with widescreen film images.

I've tried pasting custom code on this issue previously but nothing makes a difference :'(

The page is a standard page where each element is its own gallery, so we're not talking about simply Changing a grid gallery to stacked etc.

Thanks people :)

tuanphan · February 22, 2021

Add to Design > Custom CSS > Then save & reload your site

/* 1 column image mobile */
@media screen and (max-width:750px) {
a.project {
    width: 100% !important;
    float: none !important;
}
}

Samgoldwater · February 22, 2021

SOLVED. You absolute wizard thank you so much

tuanphan · February 28, 2021

On 2/22/2021 at 10:23 PM, Samgoldwater said:

SOLVED. You absolute wizard thank you so much

I see you haven't changed page url, so it still shows "about-1"

Recommended Posts