Header Image on Mobile devices

  • Resolved Andy

    (@andythetechiecomau)


    10 years, 6 months ago

    Hi there,

    I’m using the Rookie theme and creating header images 1000×150 and 1000×300 which look great on a pc or ipad type device in portrait. Unfortunately when you view the site using a mobile like a galaxy s5 or iphone the image repeats 2 or 3 times dependent on the size of the site ID.

    Is there any way to stop this? Is it possible to use a larger header image on the PC view which won’t need to repeat on the mobile view?

    Really frustrating me!

    Andy

    sites http://www.thecovefc.com and http://www.sturtmarion.com

    https://wordpress.org/plugins/sportspress/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter Andy

    (@andythetechiecomau)

    10 years, 6 months ago

    Additional info

    thecovefc.com site works ok because the title is short and I’ve used a 300×1000 image

    sturtmarion.com breaks

    Roch

    (@rochesterj)

    10 years, 6 months ago

    Hi Andy!

    Add the following code in your custom css field ( Wp admin > SportsPress > Settings > General > Custom CSS ) and let us know how it works:

    #masthead .header-area-custom {
    background-repeat: no-repeat;
    background-size: cover;
}

    Kind Regards,
    -Roch

    Thread Starter Andy

    (@andythetechiecomau)

    10 years, 5 months ago

    Hi Roch,

    You’re a legend! It worked a treat.

    Loving the support you guys are giving.

    Roch

    (@rochesterj)

    10 years, 5 months ago

    That’s really nice of you 🙂 I’m glad it’s resolved!

    Thanks for seting it as resolved (it really helps us a lot!) and please consider showing your support by leaving us a review 🙂

    Kind Regards,
    -Roch

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Header Image on Mobile devices’ is closed to new replies.