Archived

This topic is now archived and is closed to further replies.

  • 0

Weird responsive behaviour


Question

Posted · Report post

Hello!

 

My website works great on a normal sized screen, but on a small screen like a tablet or smart phone there is a weird scaling behaviour I can't fix.

I deactivated all plugins and removed my custom code, but it's still there:

 

If you're on my start page (http://kaiserbrand.com) and scale the explorer to a very narrow window, the space between my features and morefoot section increases in height!

All other pages with a different setup are perfectly responsive.

 

Any ideas how I can fix that?

 

The exact structure of this page is

header:

-branding

 

page template:

-features

 

morefoot:

-highlight (line with shadow)

-boxes

-highlight (line with shadow)

-universal sidebar

 

Greetings from Berlin,

Wolfgang

post-30106-0-60405200-1357745981_thumb.j

Share this post


Link to post
Share on other sites

2 answers to this question

Posted · Report post

Wolfgang,

 

Your site may need some browser specific CSS to resolve the gap.  Likely there's a min-height somewhere in the code that's causing that issue.

 

We provide a Browser Specific CSS plugin that's free via our Store. I've linked it for you.

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks, I'll check that out!

Share this post


Link to post
Share on other sites