Hello!
I’m working in Blocs for the first time and it is becoming a pain to design as the canvas is not the same size as my screen, so they look fine in the canvas but when I preview they are not. I need to be able to see the view at my screen size. Is it possible to change this?
Welcome to the forum @jsk5,
I’m not specifically sure what your describing, but are you aware of using Breakpoint Views while designing responsively?
https://help.blocsapp.com/knowledge-base/breakpoint-views/
https://help.blocsapp.com/knowledge-base/preview-mode/#switching-breakpoints
Does any of that help?
Yes, I am aware. Mega brain fart moment this morning rolling into work lol couldn’t think of the word for it. I need a larger breakpoint. Is there a way to adjust that? My screen does not have the same breakpoint and it has been a pain trying to position things having to go back and forth not knowing how it is really appearing.
For software that is built for Mac you would think they would use Mac breakpoints but I guess not…
Blocs is built upon the Bootstrap framework and uses the standard breakpoints https://getbootstrap.com/docs/5.0/layout/breakpoints/ (except no support for xl & xxl)
Perhaps the project settings > page width can help you?
https://academy.blocsapp.com/video/how-to-set-the-website-width/
https://help.blocsapp.com/knowledge-base/project-settings/#width
Maybe I’m still not understanding the isue you’re having? ;–)
Ah, that sucks.
I tried to set the page width to 3024px, but if it doesn’t support xl &xxl then I guess I’m out of luck.
It won’t let me attach images but, in the editor the breakpoint is not large enough for my screen, so positions are off. It looks fine when I’m in the live preview, just not in the editor and vice versa.
Maybe there’s a better way to position this element? Pixels aren’t responsive, but when I try to use percents to set the absolute position the button does not move.
There was a formal discussion previously:
https://forum.blocsapp.com/t/the-xl-breakpoint-dun-dun-duuuun/6182
I’m not sure how you’re doing things, are you using a custom class and the positioning settings? I just tried and using absolute along with % and it seems to work accordingly, but again I may be misunderstanding your setup and objectives.
Why would you want that?
I am not sure this are still supported or if it will works in Blocs 5, but you may want to check it out.
Hi @jsK5 Welcome to Blocs first of all.
I think if we can see what you are trying to do by visually seeing then this will give a better idea.
I have done loads of websites in Blocs that look GREAT on 6k large monitors that cad drawers use so not sure what problems you are getting.
Could you do a video of what issues you have or even a few images showing the page etc.
What device you using for these issues as I have several Macs and never have these issues?
could be something simple if we can see and BOOM! all fixed ! we hope!!