I cannot for the life of me figure out how to keep the child elements within the row height. It seems the child elements should push the parent row up in height.
Any tips on how to solve this through the header/footer builder?
Hi,
Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation.
For the mean time, please review the link below
Thank you.
I provided a URL and access in secure post.
Hi,
I checked and your headers seems to be different than your screenshot.
What you can do is create another bar and design it exactly the way you want it to look like in mobile.
You can then set it to be visible only in mobile.
So for your menu, you will have two bars, the one visible in desktop only and another one that is visible in mobile only.
Hope that makes sense
Maybe my original post was not clear. The problem is when the browser screen width is reduced as if a mobile display, and the boxes stack outside of the row container. Does this help clarify?
Hi there,
How about providing a video recording? I can’t reproduce the issue you have in your screenshot. What I see is just menu and an image. There is no row or containers between them.
Thanks!
Hello There,
Thanks for providing the video. To resolve this issue, you will have to enable the “Content Scrolling” option in your bar settings.
Please let us know how it goes.
I did that, and it did not solve the problem.
Basically, I just want the row to expand with the child elements in it. Right now, the row sits in the back with a fixed height. I want the height to increase when the child elements stack.
Does this help clarify?
Hello There,
If that is the case, please disable “Content Scrolling” and set the height to auto.
Hope this helps.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.