Forums

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

Home Forums CSS Responsive header and slideshow needs help

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

    http://epicosystems.com/

    This theme has some weird divs when you view it on the iPhone. There’s 3 or 4 classes that are too tall in height if you inspect the slideshow. How can I get this proper so I have better control over the top and bottom spacing around these elements, the navigation and the slides?
    http://jknetdesign.com/images/forums/epico-header.png

    Also, on the iPhone the Network Cable widget is pushed down.
    http://jknetdesign.com/images/forums/epico-widget.png

    This CSS is what I have and where I got stuck:


    @media only screen and (max-width: 479px) { #slideshow-container { background-image: none !important; } #slideshow-container, .slide-main { height: auto; } #header-wrapper { min-height: 400px; } .maincontent-homepage { padding: 0; } .grid_4.highlight-column { padding-top: 0; margin-top: 0; } .front-content .grid_4 p { margin-bottom: 0; } }
    #200478
    jknetdesign
    Participant

    Any takers?

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