Forums

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

Home › Forums › CSS › Mobile Issues

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 22, 2013 at 8:56 am #144064
    svoltmer
    Participant

    I have a site I am trying to make more mobile friendly and there are a couple of issues.
    1st : When viewing on a iPad the navigation that appears on hover doesn’t expand to the width of the largest within it.

    2nd: The header does fill the viewport, but if you swipe to the left, it moves the page wrapper with all the content to the left and it shouldn’t.

    3: I cannot for the life of me get my slide show to scale with the <div> “container-home”
    Could someone please take a look at my page and give me some suggestions? Thanks!
    http://www.rose-hulman.edu/testing/index.html

    July 22, 2013 at 11:54 am #144098
    svoltmer
    Participant

    Well,
    I fixed the 2nd issue by changing the way I hid the navigation from positioning it off the viewport to opacity:0.

    July 22, 2013 at 5:33 pm #144113
    jurotek
    Participant

    3, remove width and height from #slideshow

    July 23, 2013 at 8:02 am #144217
    svoltmer
    Participant

    Thanks jurotek. Do you see why my dropdown navigation is not the right width on hover over “about us”?

    July 23, 2013 at 8:57 am #144228
    jurotek
    Participant

    Change the width of your dropdown from 120% to auto

    July 23, 2013 at 10:07 am #144252
    svoltmer
    Participant

    Wow! I would have sworn that I had tried that. You the man!

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