Mobile Site Header Sizing?

Tagged: mobile header dimension

This topic has 7 replies, 2 voices, and was last updated 9 years, 10 months ago by Eric.

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

Author

Posts
June 27, 2014 at 6:26 pm #12887
sixlevel
Customer
Our site’s header appears to be too large for the mobile version. What is the recommended size? Or am I missing some css changes? I’m using 1.4.1. I also noticed our form at the bottom of the page is wrapping.

http://www.iqhealthbenefits.com

Thank
June 28, 2014 at 11:16 am #12892
Eric
Customer
Add this to to your responsive section in your css –
```
.header-image .site-title a {
    background-size: contain !important;
}
```
I would add it under the 580px width section near the bottom.

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
June 28, 2014 at 3:43 pm #12897
sixlevel
Customer
Thanks Eric – but, I see no change. Header and some pages still cropped.
June 29, 2014 at 11:54 pm #12908
Eric
Customer
I don’t see where you added it? Can you make sure it’s added in the right place?

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
June 30, 2014 at 11:24 pm #12921
sixlevel
Customer
I put it in style.css as you suggested in the responsive section. Clear your cache?
July 1, 2014 at 8:15 am #12922
Eric
Customer
It looks like you’re missing the .header-image part. Add that to your code and it should work. It resizes perfectly when I add it to your site.

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
July 1, 2014 at 10:49 am #12925
sixlevel
Customer
This reply has been marked as private.
July 1, 2014 at 7:34 pm #12930
Eric
Customer
No problem at all! Glad I could help!

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Author

Posts

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

You must be logged in to reply to this topic.