Header space on mobile

thijsbusser · April 2016

Hello,

I am using the Parrallax theme with the Header Style: Empty: Subpage without Header. I have a background image in the first section, in desktop view the image starts nicely at the top, however there is a large white space at the top. Is there way to have the background image start a the top (in mobile view)? Or at least reduce the white space? (Subheader is on Hide, by the way).

Thanks in advance!

Kind regards,

Thijs

Albert · April 2016

Hi,

please send us link to page where you got this space.

thijsbusser · April 2016

Hi,

communicatiewerk.com

Regards,

Thijs

Albert · April 2016

This is what we get http://pasteboard.co/2HpKSs6u.png and as you can see, there is no space.

thijsbusser · April 2016

Yes, on your desktop it is okay, I meant on mobile, see: http://pasteboard.co/2Hx6Fo4a.png

And removing the Action Bar does not help

Regards,

Thijs

Albert · April 2016

Ok, we see what you mean now. We missed that you are talking about mobile. Looks like it's TOP BAR RIGHT which can be disabled under Theme options > Header & Subheader > Extras section.

thijsbusser · April 2016

Thanks, but unfortunately that is not it: Top Bar Right hide is 'on'

Albert · April 2016

As you can see on http://pasteboard.co/2LDiRsLn.png it's the logo section. And because logo is white color, it's not visible on mobile. Can you explain what you want to do then? Remove logo section from mobile?

thijsbusser · April 2016

Oh, I see, that makes sense, thank you very much.

Yes , that is exactly what I want!

And it is okay if the logo section is removed in all views.

Kind regards,

Thijs

Albert · April 2016

Ok. So to remove logo from mobile, you need to use:

@media only screen and (max-width: 767px) {
    #Top_bar .logo #logo { display: none !important; }
}

thijsbusser · April 2016

Thank you! Works, great!

Regards Thijs

Albert · April 2016

You're welcome

Header space on mobile

Comments