Header is différent in mobile devise

Hello,
I choose to put the image header and it’s ok to PC devise the header is like the header image and the header remains at the top, but in mobile devise the header become blue and disappears when you scroll in? What can I do?
Tks for all
Valérie

Hello Valérie,

I’m not sure what exactly is your issue, can you please provide a link to relevant site and some explanatory screenshots?

Kind Regards, Roman.

Hello,
www.broadhurstagency.com
The pb is : all it’s ok in PC devise, the header is like the header image, a transparent blue with a image. For mobile devise : the header is blue opaque and the picture star only on the header image. Can I have the same effect for twice devices?
regards
Valérie

Okay Valérie, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

@media only screen and (max-width: 1024px) {
	#masthead {
		position: absolute !important;
		padding: 0;
		background-color: transparent;
	}
}

Kind Regards, Roman.

Hello Roman,
It works with the mobile device but the titles overlap as much withe PC and mobile devices?

Regards
Valérie

Hello Valérie,

It looks like you have this additional CSS (line 25-27), try to remove it:

    .header-info {
        top: 20%;
    }

…and add this CSS at the bottom (not instead of CSS I mentioned above):

.header-image .header-info {
    top: 35% !important;
}

Kind Regards, Roman.

Hello Roman,
Thanks, it works, but now the button is hidden.?

kind regards.
valérie

Valérie, 50% is too much for mobile view, why didn’t you set 35?

Kind Regards, Roman.

it’s better but not great. Laurent benoit is too close to the logo and the button is not complete? It’s great for the PC poster but for mobiles it’s not good. Why the size of the image does not adapt to the content. I have already put a very high image to compensate for this problem.
kind regards
Valérie

Okay Valérie, try to add this as well:

.small-header {
    min-height: 400px;
}

Kind Regards, Roman.

Great, Thank you for all.
this is the first time I have called a forum, I am very enthusiastic about the responsiveness of all of you. Without your help I wouldn’t have succeeded. Thank you very much.
Kind regards
Valérie

You are welcome Valérie! :slight_smile:

Kind Regards, Roman.