Avia Layout Builder is has collapsed into two columns (instead of three)

Hi sorry for the late reply, i was having internet troubles an apparently my response didn’t go through. See private content for login details

• This reply was modified 7 years, 6 months ago by Rikard. Reason: Login URL

Hello,
Thanks for the reply!

Hello,

Yes thats the problem, i can recreate the other 1/4 column and drag the relevant content over, but when i update the page it all goes back to the layout you are currently seeing. So the next time i update the page i have to create the column again etc.

Hello,

Yes you are right, i made a new test page and as soon as i added the blue icons from the template the whole layout broke. I noticed when i selected the text box to edit the icons that the element was empty, it just had the placeholder text instead of the icons. So it seems like the template was somehow damaged. I have remade the template and it seems to be working okay now, however im still not sure why it broke in the first place. Hopefully it won’t happen again as i start to rebuild the page.

I just used the add media button in the text area. I think i added some css to make them line up properly, but nothing weird that could have broken the whole column.

Yep i just rebuilt the whole page and its working fine. All good.

Thanks for your help.

Hello,

Sorry but it has happened again on a new page. This time the page is not using the blue icons. What could be causing this issue? i need to get this website finished soon but i have spent most of my time remaking pages! See private content for the page in question.

i have already tried remaking the last column and dragging the contents in again but the moment i save it it breaks again.

Thanks

Hello,

No the problem is definitely not fixed. The last Avis layout builder column has collapsed into the column next to it. Just like before. It’s supposed to look like the product above it.

Hello,

Thanks for your quick response. I have activated the debug mode.

Hi,

Okay i got that page working again. I just hope that it won’t keep happening. The only thing i can think of that may cause this is that i have given each column a css class and given them these attributes: However if they work initially then i don’t know why it would break during seemingly random edits.

.product-custom-thumb {
margin: 0px !important;
width: 24%; }

.product-list-price-col {
width: 24% !important;
left-padding: 0px;
right-padding: 0px; }

.product-list-half {
max-width: 90% !important;
margin-left: 20px !important;
margin-right: 0px !important; }