Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS a p tag is covering up and preventing links from working

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #179025

    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…

    #179054
    Soren
    Participant

    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

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.