Hi, we have a problem with Cornerstone Editor - The actual layout is quite wider than what is displayed in the editor … https://prnt.sc/s1b30w both sections / rows are the same length in the editor but when they open without a editor, they differ in length?
and one more problem, i try to level 5 columns in height and again in the editor everything is ok but when you open it without they are not equal?!?!
Hello @kcreative,
It could be something related to your setup that is causing the difference in the layout sizes. I tried to check but you have several licenses in your account so I am not sure which site is in question.
Is there a chance that you can provide us with the URL and the admin access to your site in a Secure Note:
Yes of course ! I have given you access in secure note 
Hi @kcreative,
Thank you for the credentials.
I can see it is almost the same now.
To make the width the same, please inspect both section ROW, set the same settings on both:
Currently, on top content you have 70% width while on other you have 60%.
An alternative and best setup is please set column with to 100% instead 70% and 60%. Then TURN OFF GLOBAL CONTAINER. Set maximum width. Let say 600px or the width you preferred. Do it on both rows.
Hope this helps.
Yes i know that one has 70% and the other 60% ! But this is because when both are 70% there is a gap in the layout of the width of both rows -> https://prnt.sc/s1b30w
The question is, why does it happen? When in Cornerstone both rows are 70% look the same width but when you open the page without Cornerstone the width is different ???
We do not want to give 100% width because the content is very stretchy and does not look good, and when we give it 600px maximum width for example it will not look good on a mobile, for example!
and if it is better to use 100% width why is there an option to change the layout for different devices? I’m just trying to answer the question why …
Hi @kcreative,
Thank you for the clarification. Please try comparing the result with the layout builder left panel off like this:
Cornerstone preview might be slightly different with your frontend because of the left panel. Not always but there are cases.
If you prefer 70% and 60% that is fine too as long as it achieve the look you preferred. The thing with the layout builder, there are multiple ways of using it. As long as you achieve the design as intended, that is ok. My preference of doing it and your way of doing it might be different but we can end up on the same result.
Hi,
Thanks for the quick response, we didn’t get along, i don’t prefer 70% to 60% just this is how layouts look good on the frontend here it is 70% to 70% as it should be and looks good! -> https://prnt.sc/sakf8h https://prnt.sc/sakfkr
BUT when it opens without Cornerstone and it looks like that -> https://prnt.sc/s1b30w I don’t think the problem comes from the left panel …
Hi @kcreative,
Thank you for the clarification. I am so weirded out because your container is almost the same settings.
I ended up creating fag test draft page. I then duplicate the accordion section checking each setting before I found the difference. You have this custom CSS on CONTENT CSS:
/*Style accordion section*/
.e3042-5.x-section {
margin-left: 10%;
margin-right: 10%;
}
It affects the accordion section. That’s the root cause of the difference. Please remove it. Try again after. You may also remove the draft page I made.
Hope this helps.
Hi @lely,
Thank you very much, it definitely helped us, this code was added extra and we didn’t know about it, how we missed it I don’t know, but it doesn’t matter the important thing is that the problem is solved! thanks for the help once again
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.