Two columns when I only want one

Elements Feedback
1

So I have been working on a site but some weird issues have crept in which I had not noticed until after upgrading to 1.0.12 this morning.

I have a grid at the top of the page which is one column wide for mobile and two columns wide for anything bigger. Works fine. Below that I have various containers with a button in one, then text in another and then a load of accordions. All of these containers are supposed to be full width at all screen sizes.

Looks how I want it in Elements -

In Elements
In Elements1165×734 123 KB

but when I preview the site I get this

In Preview
In Preview1361×729 234 KB

For whatever reason everything below the two column grid has got two columns. Even the left aligned footer moves over into the second column which should not exist outside of the grid above so it sits forlornly in the middle of the page.

If I delete the grid everything below it works correctly but if I put another one in, or a flex, the same thing happens. It is as if the column setting in the grid/flex overrides everything below it.

Other issue I have noticed since moving to 1.0.12 is that I am finding that some text that is set to be the same size across every breakpoint is actually smaller on screen on the XL page. Seem to publish ok but kind of confirms I have an issue of some sort.

2

re the text issue, check the screen % at the bottom of the edit window, might be this causing the change in text size for you

re the layout can you post the tree layout or upload the page to the cloud, or send to Realmac

3

could you share the project with us? That way we can get a better understanding of what’s going on and help with a solution :slight_smile:

4

Nice catch, it was the screen percentage doing it. It dropped to 94% for the XL screen.

Should be winging its way to you now.

5

Solved the problem by a process of elimination. When I deleted the Google map the issue disappeared. When I put it back in the problem was there again. Compared the code I had used against a working site and found that my copy and paste job did not get the last ‘</div’ at the end of the last line of code. Added it and it works.

Turns out I am not the only /div around here after all.