a p tag is covering up and preventing links from working

[Historical Forums User]

Something weird is going on when my responsive site it viewed on smaller mobile devices. Everything is working fine on larger screens. On smaller screens when I hover over the links on my footer nothing happens. When i try and inspect the link it’s showing up as the p tag below it. I don’t see and sizes attached to that p in css so I don’t know why it’s overlapping. Here is a link to the site:

it’s the social media buttons and Product links that are being covered up
Your text to link here…

here is the site in responsinator
Your text to link here…

[Soren]

In the footer you have one row (let’s say row 1) that contains 3 divs plus copyright div. This copyright div is also a row (row 2). So you have a row inside a row.

footer
row 1 = div, div, div, row
/footer

Try placing row 2 outside of row 1

footer
row 1 = div, div, div
row 2
/footer

[Author]

Posts