header is overlapping half of website on iphone – ThemeTon – Support

header is overlapping half of website on iphone

franspring — Wed, 04 Mar 2015 10:33:15 +0000

Hi,

this is my last attempt at trying your support. After not receiving any help for several past issues (or only after weeks of waiting) I I really hope you can help me with this.

My site’s header is overpowering half of the screen on my iphone when I scroll down. Instead of becoming smaller it enlarges and stretches over half of the screen.

I’d appreciate your fast response.

Attachments:

You must be logged in to view attached files.

Reply To: header is overlapping half of website on iphone

BJ — Thu, 05 Mar 2015 05:59:33 +0000

You made 90px padding space at top and bottom of the header area. Is that intentional?

Anyway, you should reduce that size on small resolutions. The theme provides you additional css fields on Theme Options and you should use your custom styles there. For example

#header.metro_menu_header { padding: 30px 0 }

Reply To: header is overlapping half of website on iphone

BJ — Thu, 05 Mar 2015 06:02:57 +0000

And add following on Mobile size for logo overflowing :

#logo img { max-width: 180px;}
#header.metro_menu_header { padding: 20px 0 }

Reply To: header is overlapping half of website on iphone

franspring — Mon, 09 Mar 2015 14:51:22 +0000

I have no clue how my padding got increased that much. I’m glad you found that out so fast. Since you were so kind and answered this questions relatively fast, I would like to have another advice.

In another thread, I also had issues with the blog post order. I wanted the latest blog post first. However, when I configure the order, there was only the default ‘Date’ and ‘date ascending’. Both don’t order it the way I wanted it.

thanks for any help.

Reply To: header is overlapping half of website on iphone

Landon Wilson — Thu, 19 Mar 2015 23:37:02 +0000

I’ll check out your other thread now.

Estimated Response Time: 24 hours or less

Need customization done? Contact me today!
Email: landon@landonw.com