Archived topic

My header background image for my homepage is not showing up on mobile

7 replies · Started by Alexander on August 10, 2021

Viewing posts 1–8 of 8

August 10, 2021 at 5:38 am #1890455

Hi,

my header background image is not showing up on mobile.
and….
during testing... if i select a Background color for Header… nothing happen…but if i use a Bg Color for Body… the header have a Background Color..
Whats wrong?

Alex

August 10, 2021 at 6:48 am #1890552

Hi there,

you would need to disable the Mobile Header option in Customizer > Layout > Header.

August 10, 2021 at 6:51 am #1890559

Hi, but i want to use mobile header.

August 10, 2021 at 8:30 am #1890874

That will require some CSS like this:

#mobile-header {
    background-image: url('https://www.reiseprofi.com/wp-content/bilder/site_bg.jpg');
    background-repeat: repeat-x;
    background-size: cover;
}

August 10, 2021 at 8:41 am #1890892

Hi,
thanks it works.

But.... still dont understand why extra css.

Is @media for css mobile-header necessary?
Thanks David.

August 10, 2021 at 9:57 am #1891000

Media query is not required here as #mobile-header only shows on mobile already.

You can add the mobile-only media query @media (max-width: 768px) { as well but it wouldn't make a difference.

August 10, 2021 at 11:33 pm #1891486

Thanks

August 11, 2021 at 8:32 am #1892291

No problem :)

This archived topic is closed to new replies.

Start building better websites today.