Space between header and content in responsive / mobile view

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.

Comments

  • 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.
  • 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.
  • 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.
Sign In or Register to comment.