[rickC22Participant]

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.

[ThaiModerator]

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.

[rickC22Participant]

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.

[ThaiModerator]

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.

[rickC22Participant]

This reply has been marked as private.

[ThaiModerator]

This reply has been marked as private.

[rickC22Participant]

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

[ChristianModerator]

You’re welcome. Glad we could help.

[sem-marketingParticipant]

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!

[Rue NelModerator]

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.

[sem-marketingParticipant]

Hi again and thanks for your quick reply!

URL: ilany.co.il

Thanks!

[Rue NelModerator]

Hello There,

We did checked your site and the custom css is correct. It should display the background image with no issues. We found something however which may have cause issues on iOS devices. Please edit your page and remove the background image //placehold.it/1500x1000 in the page settings.

If nothing that doesn’t works, would you please provide us the url and access information of your site so we can take a closer look. 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.

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.

[saharajewelryParticipant]

This reply has been marked as private.

[saharajewelryParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

I can’r replicate the issue, please check :
http://www.responsinator.com/?url=http%3A%2F%2Fwww.ilany.co.il%2F

please clear cache and test again.

Thanks.

[Author]

Posts