schamberlain Posted November 5, 2021 Share Posted November 5, 2021 Site URL: https://spencerchamberlain.net/workforpeople Running into an issue where on mobile, my horizontally scrolling galleries are displaying in a way that leaves most of the screen as negative space, and is pretty unpleasant to look at. It looks great on desktop, but if there's a way I can force these kind of galleries to behave in the way a vertical gallery block would, I'd prefer to do that. Example images of what it should look like compared to what it currently displays. Link to comment
Agha_Waqas Posted November 5, 2021 Share Posted November 5, 2021 1 hour ago, schamberlain said: Site URL: https://spencerchamberlain.net/workforpeople Running into an issue where on mobile, my horizontally scrolling galleries are displaying in a way that leaves most of the screen as negative space, and is pretty unpleasant to look at. It looks great on desktop, but if there's a way I can force these kind of galleries to behave in the way a vertical gallery block would, I'd prefer to do that. Example images of what it should look like compared to what it currently displays. Hi, i just write a code for your request, please applied below code into CSS editor and see if that works, for you, @media (max-width: 520px) { #block-yui_3_17_2_1_1636053602153_275376 { .sqs-intrinsic { padding-bottom: 20px !important; .sqs-intrinsic-content { height: auto !important; position: relative !important; .sqs-wrapper { width: 100% !important; heeight: auto !important; display: flex !important; flex-direction: column; .sqs-gallery-design-strip-slide { margin-bottom: 10px !important; } } } .sqs-gallery-controls { display: none !important; } } } } tuanphan 1 Link to comment
schamberlain Posted November 5, 2021 Author Share Posted November 5, 2021 It's worked, but only partially. Everything is scrolling vertically, the only problem is that the images are compressed horizontally now so their proportions are all stretched out. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment