Hi everyone, I've been using Webflow for about 6 months now and really enjoying it. I'm nearly done working on a website for a client and am having a few issues + looking for general design feedback.
First issue: On mobile, when you scroll past a certain point (around the health benefits and research section) suddenly the navbar moves up, halfway off the screen, and you can also move 'outside' of the page to the right. It is then broken even if you scroll up until you refresh the page. Could anyone help pinpoint the problem here?
Second issue: I'm building a 'current products' page (linked below) and I'm having a few problems. For one, I can't seem to put any space around the 'featured' items without them jumping to being in a single column. Secondly, the 'all products' section breaks the positioning of dynamic items so that the second row has one item off to the right by itself. Can't figure this one out either. Is the container messing things up?
Finally: I'm looking for a general critique of the site, design and structure wise. I definitely felt like I used a few dirty tricks to get the structure/positioning how I wanted (including having to manipulate settings specific for tablet/mobile/etc - which I'm sure is probably causing the first issue) and I'm always looking for advice and ways to improve. Also, if you notice anything I could work on in the general design, branding, wording, etc that would be immensely helpful and appreciated.
This is my first post, so I hope everything is in order and I didn't request anything out of line. I've been reading threads on here throughout this project - the responses and community are amazing!