Using upper and lower background images with parallax on for a flexbox and can’t get the size of the flexbox to resize properly on the phone. I tried using a transparent image and setting the margin for the image to force the size of the box bigger. Is there a better way to make the box a specific size on the phone?
Hi Charles,
By default, background size( height and width) will depend on the container size where you have added it. In your case column. The size of the columns depends on it’s content or padding added on to it or its adjacent column. It looks fine on desktop because you have enough content on the right columns. When it is side by side, columns will have the same height.
On mobile view, columns will stack up on top of each other. When this happens, when it is empty, there’s just a single space added to it. That is the reason you see it’s height is small. To fixed this, you may add a GAP element in it. Set the size to your preferred height on mobile. Then on Customize tab > Hide During Breakpoints > set this to hide on other screensize.
Hope this helps.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.