Background images not showing on iPad or phone – Themeco Community

Background images not showing on iPad or phone

rickC22 — Mon, 25 May 2015 15:49:24 +0000

Hello,

I am using CSS page title headers on my site. These headers include a background image fixed to the right side of the header box. Looks fine on desktop, but the images do not show on my iPad (mobile Safari) or Android phone (mobile Chrome). I’ve researched syntax issues but not finding a solution. On the off-chance that you’ve encountered this before, here’s an example of my CSS code for a header:

.headerBoxC {
border: 1px solid #AE709D;
padding: 24px;
background: #fbedff;
border-radius:8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
margin-bottom:10px;
background-image:url(‘http://myimage/wp-content/uploads/2015/05/section-books.jpg’);
background-repeat:no-repeat;
background-position:right;
}

Any clues or help is always greatly appreciated.

Reply To: Background images not showing on iPad or phone

Thai — Mon, 25 May 2015 16:02:35 +0000

Hi There,
Thanks for writing in!
Try adding following CSS under Appearance > Customize > Custom > CSS:

@media (max-width: 767px){
.headerBoxC {
background-position: center;
}
}

Hope it helps.

Reply To: Background images not showing on iPad or phone

rickC22 — Mon, 25 May 2015 16:36:46 +0000

Unfortunately that didn’t work – still no background image showing in mobile devices. This must be a syntax issue with the code. May change the layout to avoid banging head against wall.

Reply To: Background images not showing on iPad or phone

Thai — Mon, 25 May 2015 17:05:46 +0000

Hi There,
Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.
Many thanks.

Reply To: Background images not showing on iPad or phone

rickC22 — Mon, 25 May 2015 17:37:19 +0000

This reply has been marked as private.

Reply To: Background images not showing on iPad or phone

Thai — Mon, 25 May 2015 17:59:30 +0000

This reply has been marked as private.

Reply To: Background images not showing on iPad or phone

rickC22 — Mon, 25 May 2015 19:45:36 +0000

Thank you!! Sometimes you look at something a thousand times and don’t see it. Appreciate another pair of eyes 🙂

Reply To: Background images not showing on iPad or phone

Christian — Tue, 26 May 2015 00:30:51 +0000

You’re welcome. Glad we could help.

Reply To: Background images not showing on iPad or phone

sem-marketing — Mon, 20 Jul 2015 06:39:09 +0000

Hi!

May I jump in and ask what did the trick? I’m encountering the same problem with the navbar image background not working on both mobile and tablet versions of my client site.

Thanks!

Reply To: Background images not showing on iPad or phone

Rue Nel — Mon, 20 Jul 2015 06:44:52 +0000

Hello There,

Thanks for updating the thread! The problem was something to do with the css code itself. To assist you with your issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.