Not really sure how to best describe this problem, I have created a button in a menu that links to another page. However the ‘clickable area’ of the button is skewed.
The attached image shows where in a red circle where my cursor must be to make the ‘projects’ button clickable. When I hover over the actual word projects however its not clickable, as though the button link has ‘dropped’ below the actual button
Can you post a link to your editor (or share in a PM)? I noticed something similar in another app recently but wasn’t able to reproduce it consistently.
Hey sorry for the late reply, I’ve sorted it now, turns out it was a blank text element that I obviously couldn’t see. It was glitching out a little and wouldn’t let me select it so only found it when scrolling through the ‘pick an element’ dropdown.
Glad you were able to identify it. As well, when you’re in preview mode, you can use the Inspect tool to query elements (and make sure some phantom element isn’t interfering).
And right below the “Inspect” button, in very small font, you can click the “Show responsive boxes” button, which will outline objects on the page.
I think Bubble should make it a bit more visible. I sometimes prefer using Chromes developer tools to test responsive (rather than in Editor) and combined with the responsive boxes enabled its really quite a handy one.