Forums

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

Home Forums CSS slideshow and css for mobile devices

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #33978
    turpentyne
    Member

    I’m using a slideshow that was built by Chris Coyier (here: https://css-tricks.com/889-creating-a-slick-auto-playing-featured-content-slider/)

    But it seems like the positioning is off the page when viewing on mobile devices. So badly positioned, it’s not even on the page. When I look at the example page he’s built, it shows up fine. But it’s not there when I put it in a table in my code. On a computer it’s fine. But on droid and iphone, no slideshow. My hunch is that I need to add some @media code for mobile devices, but I’ve never done it, and trying to wrap my head around it.

    I did change the positioning from relative to absolute, and it shows up in both spots, but I need it to be relative to the website.

    Here’s where I did that: #page-wrap { width: 680px; margin: 0px auto; position: absolute;

    Here’s the page I’m working on: http://www.frontdoorsnews.com
    and here’s a link to show the css for the slideshow: http://frontdoorsnews.squarespace.com/storage/slidetyle.css

    Any help or suggestions would be appreciated! Thanks!

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