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;
}
}