Photo on the whole screen on mobile view

MichalMolka

I try to fill the whole screen by photo on mobile view because some part of area is wasted.
How to fill also the black area?

Albert

Hi,

this is unfortunately not possible.

Thanks!

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

MichalMolka

When will it be possible?

Albert

We don't know. Currently we got hundreds of other requests that other people left first. Also, please notice that we are not sure if this would be even possible. Current header styles are so extended that some things are sometimes impossible because it would be necessary to break current settings and header styles.

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

MichalMolka

I verified all betheme demos: http://themes.muffingroup.com/be/splash/

First example:


The second example:


It isn't possible?
Are you sure ?

Albert

Yes, we are sure. With Be|Spa it is impossible. If you want header to be transparent on mobile, you should use demos where it is possible. Each demo is different and may work different.

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

MichalMolka

Regarding to the main topic.

I made this code:
#Action_bar .container, .layout-full-width.header-fw #Top_bar .container {
    max-width: 100%;
}

and I've almost achieve the goal. Almost.
But there is a thin white bar at the top.
I don't know how to deal with this white bar.

Albert

We need url to this site because we must have a look into code. Please send us private message and we'll have a look on it.

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

MichalMolka

I've just came up with this problem.

I'm using this code:

@media only screen and (max-width: 767px) {
    #Top_bar { position: absolute; left: 0; top: 0; background: none !important;}
}

and photo is on the whole screen. ;-) Everything is exactly as I wanted.

Thank you.