i've been a long-term user of Webflow; although I hadn't designed a whole lot until now.
Well, I am coming across a LOT of issues; primarily the situation where Webflow's responsiveness-system automatically scales; or rather moves elements when you change the resolution based on how much the original breakpoint is stretched smaller/larger from where it is originally placed on (x) resolution via (x) breakpoint. I've found a solution that was makeshift, I somehow got the center column of a grid to keep all elements in the same position.
But it wasn't absolute (Just like absolute positioning); although (x) elements were placed in the same column with the same width setting; every setting being the same, there would be some that would move positions and some that would stay the same. Initially, they were all stabally staying the same. I have tried every single width setting/other settings on BOTH the grid and individual elements, vice-versa.
Since then, I have not been able to replicate this, despite using the same preset on a dummy grid; and using standalone elements/containers, it doesn't function the same either. Even with the same settings I set on the grid; having set on the elements.
More so even, the 'preview' is not accurate to the published version 100% of the time.
Sometimes, elements are positioned in random spots which change differently when I re-position the element's original position.
_____________________________________________
Proof of my claim AND proof my site IS stable, and my practices ARE good: https://drive.google.com/file/d/1Lya-fi2MaLEE22Q3IWA9gB-7LHirHRAX/view?usp=sharing
Proof that the columns are the same presets: https://drive.google.com/file/d/14qGXd2AihZENUSgiJAiiGEcFwYlZ3XjN/view?usp=sharing
/ Please watch this video: https://drive.google.com/file/d/1nPRE8hj2VZoCNP7OJQQJLgs_YFAYDnRL/view?usp=sharing
_____________________________________________
๐๐ ๐๐ต๐ฒ ๐๐ถ๐๐น๐ฒ ๐๐๐ฎ๐๐ฒ๐; ๐ ๐ฎ๐บ ๐น๐ผ๐ผ๐ธ๐ถ๐ป๐ด ๐ณ๐ผ๐ฟ ๐ฐ๐ผ๐ฑ๐ฒ ๐๐ต๐ฎ๐ ๐ฐ๐ฎ๐ป ๐ณ๐ถ๐ ๐๐๐ ๐ฒ๐น๐ฒ๐บ๐ฒ๐ป๐๐ ๐ฒ๐ ๐ฎ๐ฐ๐๐น๐ ๐๐ต๐ฒ๐ฟ๐ฒ ๐๐ต๐ฒ๐ ๐ฎ๐ฟ๐ฒ ๐ถ๐ป ๐๐ต๐ฒ ๐ฒ๐ฑ๐ถ๐๐ผ๐ฟ ๐ฎ๐ฐ๐ฟ๐ผ๐๐ ๐ฏ๐ผ๐๐ต ๐๐ต๐ฒ ๐ฝ๐ฟ๐ฒ๐๐ถ๐ฒ๐/๐ฝ๐๐ฏ๐น๐ถ๐๐ต๐ฒ๐ฑ ๐ฟ๐ฒ๐๐ผ๐น๐๐๐ถ๐ผ๐ป๐.
I found this URL that may be helpful; https://stackoverflow.com/questions...me-position-at-different-resolutions#52265716 ; but I tried using the code to no avail. I may be using it wrong.
Also; this code appears to only affect 1 single element. And when I type in the specific element class-name (such as div block 4); it doesn't do anything.
How do I go about that? And is there any code that exists which I can throw into my page's CSS block which makes the position of all elements completely absolute (Stay in the same spot cross-resolution)......?
Here is a read-only link: https://preview.webflow.com/preview...eId=653b941a5b170543920e63e7&workflow=preview
I tried almost every setting I could on an element-basis. Nothing worked to keep the position the same except the magic I came across the center column in my parent grid. Can't seem to replicate it using the same settings on grid/elements as I mentioned.
(These are all the same issue, it is focused on 1 topic/subject)
Well, I am coming across a LOT of issues; primarily the situation where Webflow's responsiveness-system automatically scales; or rather moves elements when you change the resolution based on how much the original breakpoint is stretched smaller/larger from where it is originally placed on (x) resolution via (x) breakpoint. I've found a solution that was makeshift, I somehow got the center column of a grid to keep all elements in the same position.
But it wasn't absolute (Just like absolute positioning); although (x) elements were placed in the same column with the same width setting; every setting being the same, there would be some that would move positions and some that would stay the same. Initially, they were all stabally staying the same. I have tried every single width setting/other settings on BOTH the grid and individual elements, vice-versa.
Since then, I have not been able to replicate this, despite using the same preset on a dummy grid; and using standalone elements/containers, it doesn't function the same either. Even with the same settings I set on the grid; having set on the elements.
More so even, the 'preview' is not accurate to the published version 100% of the time.
Sometimes, elements are positioned in random spots which change differently when I re-position the element's original position.
_____________________________________________
Proof of my claim AND proof my site IS stable, and my practices ARE good: https://drive.google.com/file/d/1Lya-fi2MaLEE22Q3IWA9gB-7LHirHRAX/view?usp=sharing
Proof that the columns are the same presets: https://drive.google.com/file/d/14qGXd2AihZENUSgiJAiiGEcFwYlZ3XjN/view?usp=sharing
/ Please watch this video: https://drive.google.com/file/d/1nPRE8hj2VZoCNP7OJQQJLgs_YFAYDnRL/view?usp=sharing
_____________________________________________
๐๐ ๐๐ต๐ฒ ๐๐ถ๐๐น๐ฒ ๐๐๐ฎ๐๐ฒ๐; ๐ ๐ฎ๐บ ๐น๐ผ๐ผ๐ธ๐ถ๐ป๐ด ๐ณ๐ผ๐ฟ ๐ฐ๐ผ๐ฑ๐ฒ ๐๐ต๐ฎ๐ ๐ฐ๐ฎ๐ป ๐ณ๐ถ๐ ๐๐๐ ๐ฒ๐น๐ฒ๐บ๐ฒ๐ป๐๐ ๐ฒ๐ ๐ฎ๐ฐ๐๐น๐ ๐๐ต๐ฒ๐ฟ๐ฒ ๐๐ต๐ฒ๐ ๐ฎ๐ฟ๐ฒ ๐ถ๐ป ๐๐ต๐ฒ ๐ฒ๐ฑ๐ถ๐๐ผ๐ฟ ๐ฎ๐ฐ๐ฟ๐ผ๐๐ ๐ฏ๐ผ๐๐ต ๐๐ต๐ฒ ๐ฝ๐ฟ๐ฒ๐๐ถ๐ฒ๐/๐ฝ๐๐ฏ๐น๐ถ๐๐ต๐ฒ๐ฑ ๐ฟ๐ฒ๐๐ผ๐น๐๐๐ถ๐ผ๐ป๐.
I found this URL that may be helpful; https://stackoverflow.com/questions...me-position-at-different-resolutions#52265716 ; but I tried using the code to no avail. I may be using it wrong.
Also; this code appears to only affect 1 single element. And when I type in the specific element class-name (such as div block 4); it doesn't do anything.
How do I go about that? And is there any code that exists which I can throw into my page's CSS block which makes the position of all elements completely absolute (Stay in the same spot cross-resolution)......?
Here is a read-only link: https://preview.webflow.com/preview...eId=653b941a5b170543920e63e7&workflow=preview
I tried almost every setting I could on an element-basis. Nothing worked to keep the position the same except the magic I came across the center column in my parent grid. Can't seem to replicate it using the same settings on grid/elements as I mentioned.
(These are all the same issue, it is focused on 1 topic/subject)