I’m juuuuust about finished editing my site. Desktop/laptop version looks great IMO, but the mobile versions are doing a couple of weird things I can’t explain. My guess is it’s something to do with template features I edited without knowing exactly what I was doing. They look okay on desktop but are acting weird on mobile.
First example is on the home page. There are two sections just below the fold, one with a heading that reads “Account balances and job costs” and another that reads “Expenses, deposits, and bills.” These look great on desktop, but on both tablet and phone versions, there’s a huge blank space between them that I can’t explain.
Next example is the Features page. On mobile, the graphics are cut off. It’s kind of a cool effect, with just a sliver of the image showing to the right of the text, but it isn’t what I’m going for - I’d like for users to be able to see the actual images.
Finally, on mobile only, the navigation bar at the top of the screen turns into a button with a hamburger menu. Inside the hamburger menu is another button that I’d like to A) change the text of and 2) redirect to a different section on the page. I can’t figure out where the template is pulling that button from, though.
Thanks in advance for any help you can offer. I’d really like to wrap up the structural and content editing so I can start working on replacing the placeholder images.
Here is my site Read-Only: Webflow - Andrew's Stupendous Project