Space between header and content in responsive / mobile view

SJMaximus11

Hi there,

I think there has been some discussion about this issue already but I can't find any help and nothing is working for me. If you go to http://archer.ca and view it on a mobile device (or shrink your browser window), you'll see a huge gap between the header and the content.

Can someone show me the coding needed to fix this?

Thanks in advance for any help. I've been at this for hours now and nothing is working at all.

Albert

Hi,

there is 2 reasons why you got such large gap between header and the content:

1st You must turn on Minimalist header under Theme options > Header & Subheader > Header section.
2nd Under Theme options > Header & Subheader > Extras section you need to hide Right Top Bar section.

After that, this huge gap will disappear.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

SJMaximus11

Hi again,

Thanks for the help and it worked for every page EXCEPT for the home page. Any ideas there? I used the Muffin Builder for all of the content on the home page.

SJMaximus11

UPDATE: Forget that, it's all working now.

Thanks so much! This is definitely the best theme I've worked with and I've recommended it to several people already.

Albert

You are welcome

Learn more: Video Tutorials | How To | FAQ Vote on what comes next