www.wysiwygwebbuilder.com

Morning all,

I have a website at wen.gt.tc/?i=2
(this is just free temp hosting for testing purposes)

There are 2 or 3 buttons on bottom screen (depending on page) and all ok until I get to smaller screens (for testing I am using iphone) - then the button(s) climb on top of each other.
Is there an easy solution to remedy this? (I can make a cut down demo if needed)

Sample of issue:
Laptop
https://e.pcloud.link/publink/show?code ... XcpF5fRM97
iphone (portrait)
https://e.pcloud.link/publink/show?code ... eC6RV7iIik

It does not look like they are on top of each other, they just float to the next row. Which is stand HTML behavior, if they do not fit on one row.
If you are using layout grid then you can add margin at the bottom of the button to add some spacing.
Or you can add a breakpoint to maker them smaller on smaller screen, so they still fit on one row.

If you would like to them to stack the button on smaller screen then you can also use a flex container with an Easy breakpoint.

Thanks I will try your suggestions. I should have said overlapping rather than on top of each other.

Update: adding margin to bottom of the buttons sorted it .....

Thanks again