Mobile Header Adjustment, News Pro

Community Forums Forums General Discussion Mobile Header Adjustment, News Pro

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  Lauren @ OnceCoupled 3 months, 1 week ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #102296

    Kent
    Participant
    Post count: 58

    I’ve got my site here ( http://kiersdev.com/bws ) dialed, but in the mobile version my image at right in the header is too low in the mobile version. Anyone know if there’s a fix? I’m thinking when I tweaked my header I didn’t edit the responsive code correctly but I can’t figure out where.

    You can see a screenshot comparison here:

    http://www.kiersdev.com/grabs/bws_grab.png

    I’m thinking if I can’t make the diamond plate the whole background, maybe I could at least color it grey…..


    Dad. Biker. Designer. | kentfackenthall.com | Circle me on Google+, and say hi so I can add you to my WordPress circle!

    http://kiersdev.com/bws
    #102300

    Lauren @ OnceCoupled
    Member
    Post count: 515

    If you view it on a browser and decrease your screen width you can see that at 600px it hits a fixed height and while the logo and content move up, the height is not decreasing with them. You’ll need to take the width:height ratio of your logo and add some extra queries to adjust the height accordingly.

    For example:

    @media only screen and (max-width: 365px) {
         .title-area {
              height: 50px;
         }
    }

    I do custom WordPress work! http://oncecoupled.com
    Contact me directly: lauren@oncecoupled.com

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

You must be logged in to reply to this topic.