Mobile Header Adjustment, News Pro

[Kent]

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

http://kiersdev.com/bws

[Lauren @ OnceCoupled]

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

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[Author]

Posts