I positioned a footer to the bottom of a div but it keeps overlapping the buttons on mobile. is there any way to block the footer when it hits another div.my code is as follows
position:absolute; bottom: 0
It would be easier to help you if you provide us with the whole code. Anyway you can using margin-top or z-index property to solve your problem.
margin-top You can keep a fixed distance between your footer and the div adjacent to it. So that they will never touch each other.
z-index Another way is to take your footer in the background. So that it won't overlap the buttons. Instead, buttons will overlap it and won't get hidden.