Streamline Pro header responsive issue

Community Forums Forums General Discussion Streamline Pro header responsive issue

This topic is: resolved

This topic contains 3 replies, has 1 voice, and was last updated by  SimplyAA 5 months, 4 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #96257

    SimplyAA
    Participant
    Post count: 61

    I am using the Streamline Pro theme here http://freespiritwebsites.com/lg/. You will see the header has a logo and a gradient background. It works great on all devices except when I view it on an iPhone the blue to white gradient background does NOT show up. It’s strange because when I check it here, it shows up http://www.studiopress.com/responsive/ but gone on the iPhone.

    The other issue is that when viewing the site on an iPad or iPhone the background is too dark. Since it’s smaller, it doesn’t move into the lighter color soon enough. What is the best to just have a different background color for smaller screens such as iPad/iPhone?


    http://freespiritwebsites.com/lg/
    #96265

    SimplyAA
    Participant
    Post count: 61

    I thought I had part of this solved. I added this code `.home-featured-1,
    .home-featured-2,
    .home-featured-3 {
    background-color: #fff;
    }
    `
    in the @media section of style.css. Now the 3 featured items show with white background rather than the gradient that was too dark. However, when I check on the Genesis Responsive Design check it still shows dark color. Also, it does NOT fix it on my iPad.

    I also have a new problem: the 3 featured widgets don’t show up on the same line on smaller devices.


    #96284

    SimplyAA
    Participant
    Post count: 61

    UPDATE: I have moved this site to here http://www.getlevitin.com/ but would really appreciate any help on this. Thanks


    #96289

    SimplyAA
    Participant
    Post count: 61

    I found the resolution. First, I had added some CSS INSIDE the media queries section so it was messing up my responsiveness. I moved that and then I re-downloaded Streamline Pro files and copied the entire media queries section form style.css over my current style.css. That fixed the responsive issue.

    I then added this code to all the different media queries to change the background of the 3 featured items from transparent to white so they would show up .featured-content {
    background-color: #fefefe;
    }


Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Streamline Pro header responsive issue’ is closed to new replies.