HI! Well the great gods of Google have never failed me and after a BUNCH of trial and error and some custom code I nailed it. But for anyone else who would like to try I’ll share the goods on this post so it’s quick.
So here it is:
I was attempting to have this kind of layout of the page. I don’t have any images of the before, however the main content area was hiding under the fixed nav to the right. (Which is a problem because of my beautiful content hiding )
I don’t believe Webflow has the CSS calc juice yet so custom code was what it was going to have to come to. Taking the measurement of the side nav (120px) and removing it from the viewport width would make the main content fill the space perfectly.
But this side nav is only for my Desktop and Tablet view. So, some forum search gave me the dimensions Webflow uses for media queries. After that it was simply this:
Lastly, I added the main class that I used in my custom code to the elements that I needed to move. Best way was adding it to the sections of each page. Voila!