Builder content link
Builder public api key
495db5eb2dd842c98fe2e6ac391bd548
What are you trying to accomplish
I want to import my existing website into Builder. The import works well. All elements are imported from my site, but in some sections the elements are hidden in tablet and desktop views. I’ve verified that the elements are there, and not hidden in any breakpoint views. Still, they only appear in mobile view. When I manually size the editor down toward mobile, they appear right at the breakpoint of 640px wide.
I have tried viewing the “current version”, and have published the site to explore the generated site code. Once there, the same behavior exists. The elements are invisible in desktop view, but appear when I size down to mobile.
When I inspect the elements, to debug I start at the innermost elements and remove individual, Builder-generated styles to see which is causing the elements to be invisible.
When I get to the next-to-outermost box (just inside the outer box) I can remove one style, css-a53bp5, which makes the elements appear in desktop view.
Unfortunately, I don’t know how to find, or remove, that style in the editor. Also, that style does some other things, like alignment, because, while removing it makes the elements appear, they also lose some alignment details.
Screenshots or video link
This shot shows a portion of my imported site in the editor. The first two sections (nav bar and hero section) import perfectly:
But the third section, the bottom section here, is the first section that displays the behavior.
So, here’s that section in desktop view:
And here it is when I size down to mobile:
Here is the published website, in Inspect view, where you can see one of the text elements in the HTML source, but not on the page:
And here it is when I choose mobile view, where the elements appear:
Not sure why it looks like there’s a transparent layer on top there, darkening the section. This only started happening on my last import.
Here we are back in desktop view:
And here you can see the containing box with the style I can remove to reveal the elements in desktop view:
Here’s the style I identified:
And here’s what happens when I remove it:
Code stack you are integrating Builder with
None. I’m importing from a Webflow site and have not chosen a deployment framework / platform / stack.
