Header Image gone in Mobile Devices

  • Resolved Anjuoh

    (@anjuoh)


    10 years, 9 months ago

    Hello again,

    The website I’ve been working on is finally online, still things being fixed but anyway:

    https://www.elsusto.net

    The Header Image with the logo somehow disappears in mobile devices – tried in an iPhone and a Samsung Galaxy S4; in both of them the header image is gone.

    Any ideas why?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Srini G

    (@srinig)

    Try putting this in custom CSS.

    .site-header .header-main {
	background-position: left center;
}
    Thread Starter Anjuoh

    (@anjuoh)

    Hi SriniG,

    thank you very much for your always fast answer.

    I tried using your code but the header image is still not showing on mobile devices.

    I also noticed that I changed the background color of the them to a slight creamy tone, but that is also gone on the mobile – background is white.

    Any other ideas?

    Thanks again,

    Javier

    Theme Author Srini G

    (@srinig)

    Okay, that’s because the custom header code is written into the HTML document after the custom CSS is written and so overrides it. Add a !important rule and the problem will be solved.

    .site-header .header-main {
	background-position: left center !important;
}

    I checked your site in my mobile and it does look creamish. Are you sure? Maybe your mobile brightness is too high?

    Thread Starter Anjuoh

    (@anjuoh)

    Thanks SriniG,

    I’ll try that tonight and let you know.

    IF you see a creamy background then it probably is cremy – it’s very close to white anyway so it might just be something from my phone.

    Thread Starter Anjuoh

    (@anjuoh)

    Hi SriniG,

    It look snice now, so thank you very much again!

    I’m marking this issue as resolved.

    Thanks again,

    anjuoh

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Header Image gone in Mobile Devices’ is closed to new replies.