After coming to Webflow with zero design experience, I’ve found it incredibly intuitive and enjoyable to use. However, recently I’ve hit a stumper which I can’t seem to solve myself. I hope and suspect there’s a simple solution so here I am appealing to your expertise!
For the Products section of my copywriting website I’ve set up clickable tabs to view the various types of service we provide. This works great for the desktop query:
However when previewed for iPad and iPhone the buttons go a bit funky. When I click them they seem to expand, making the web content button on the right-hand-side disappear altogether. This means it’s impossible to browse through the panels. I can’t really show this with screenshots so here’s the preview:
FYI - You have a lot (many many) of unused classes. Not just on the Desktop resolution but on every resolution many objects. I would start removing them. They just complicate things. Removing them will help you identify the problem. That’s what I do. You seem to be classing a lot of elements as well… that don’t really need to be classed (but of course I don’t your plans / intension. If they don’t need to be classed… don’t class them)
Wow, thank you so much for this - a lot to work through. I had a feeling things were getting a bit messy, a combination of impatience, lack of experience and just trying to make things work whatever way I can.
