In the footer the four columns I am trying to line up and I cannot figure this out it is driving me mad.
I try setting column width to 16.5%, 333, 475, and 476, and nothing changes. Ive tried adjusting the padding-left and right on text. I know it has to be something simple, I am just blind right now.
Thank you for reaching out to us. An easier solution would be to set the same background image (vertical lines) to the Bar that contains all the columns in the Footer Builder. You probably won’t achieve pixel perfect lines using custom width in all screen resolutions.
Hope this helps!
Great idea, I will try that.
That works great for desktop but for laptop falls apart. Do you have an idea on how to manage that? I am working on this feverishly.
It took a long while, but I think I figured it out. I liked it responsive before instead of breakpoints but each way has its own issues I guess. Super complicated design. Appreciate any thoughts.
Hey @verobeachmarketing,
That is pretty tricky to line in all screen sizes. This would take hours to line up perfectly in all screen sizes. You’d need custom CSS to adjust spaces. For simplicity, I’d recommend overriding the lines with a solid color by setting a solid Container background for your small screen version.
You can also play around with the Container’s Custom Self Flex setup like in the screenshot below. Use percentage-based value for the Flex Basis.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.
