Greetings I hope you’re well. Please take a look at www.mf.ly and gradually reduce the browser width, i.e., the viewport. You’ll notice that there is one stage when all the content is not centered anymore, but bunched over on the left side of the screen, with lots of white space on the right. I want it to always stay centered. I made a one-minute screencast video linked to below where I give a bit more information, including what the column layout is on the backend. Thank you !! Screencast video: https://www.dropbox.com/s/4hsfglx0gshczp3/2022-06-22_14-55-37.mp4?dl=0
That is occurring due to the column being set to hidden on the "small desktop" viewport within the responsive options settings:
Unchecking that box should correct the problem.
Also, you could also accomplish this layout by adding left/right padding to the parent row instead of relying on empty columns to provide the spacing. A percentage-based value for the padding should accomplish the same layout and reduce the amount of HTML on your page. You could also easily remove that padding on mobile displays like so: https://ibb.co/02K7qZyhttps://ibb.co/YR7VBzm
Greetings I hope you’re well.
Please take a look at www.mf.ly and gradually reduce the browser width, i.e., the viewport. You’ll notice that there is one stage when all the content is not centered anymore, but bunched over on the left side of the screen, with lots of white space on the right. I want it to always stay centered. I made a one-minute screencast video linked to below where I give a bit more information, including what the column layout is on the backend. Thank you !! Screencast video: https://www.dropbox.com/s/4hsfglx0gshczp3/2022-06-22_14-55-37.mp4?dl=0
Hey Marc
That is occurring due to the column being set to hidden on the "small desktop" viewport within the responsive options settings:
Unchecking that box should correct the problem.
Also, you could also accomplish this layout by adding left/right padding to the parent row instead of relying on empty columns to provide the spacing. A percentage-based value for the padding should accomplish the same layout and reduce the amount of HTML on your page. You could also easily remove that padding on mobile displays like so: https://ibb.co/02K7qZy https://ibb.co/YR7VBzm
Kind regards,
This is super helpful. Thank you!!
I made it exactly like you suggested. https://mf.ly/
Thanks again.