Forums

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

Home Forums CSS Footer menu covered on Mobile site

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #207086
    kellyf
    Participant

    Hello,
    I could really use some help please. I am working on a mobile version of http://www.lifelineconnections.org/. When it is adjusted for mobile the text box at the bottom (.insurance .col-right) covers the footer blocking a menu.

    The same text box and box of little logo’s right above it are also not matching the width of the “Insurance/Payment Options” box above/behind it when size is adjusted for mobile.

    I was going to post an image and the style.css file but do not see if that’s possible. let me know if you need them.

    #207103
    kellyf
    Participant

    thanks. great info. I cannot find the typo in the header though and I think this may be causing another problem with the site. the google bots are having trouble picking it up. I searched header.php and several other php files. Where would this typo be found?

    and how did you scan the site so thoroughly so fast? :)

    #207107
    kellyf
    Participant

    I use developer tools in both Chrome and Firefox, just not super experienced with them. Thanks I’ll keep looking.

    #207108
    kellyf
    Participant

    Thanks for the help so far it is clearing up some other issues this site has.

    Still have the same problems though. I cannot find the html typo in the header including bootstrap-theme.min.css you mentioned. I am a wordpress website manager of some experience still working on becoming better at css and php and do not have experience yet with bootstrap. Unfortunately I do not have enough experience yet to play around with the css to solve the problem. These issues help me learn, but since this is a job I’m also on a time crunch. If someone could help me in more detail that would be awesome. Thanks!

    #207110
    kellyf
    Participant

    Awesome! I believe I found the period. lol. Now I’m thinking this was causing error messages they were getting from google about googlebots not being able to access the site.

    it ended up being in the header.php after all (hopefully I’m adding the html via codepen correctly)

    See the Pen gpVQEB by Kelly Farrell (@kfar) on CodePen.

    <script async src=”//assets.codepen.io/assets/embed/ei.js”></script>

    Now on to the mobile footer blocking issue. If your up to teaching me how to troubleshoot the css I’d love it, otherwise I’m going to just need some ideas to test. thanks

    #207116
    kellyf
    Participant

    I’m testing with some assistance elsewhere thanks for the help

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