[PG]

Good Morning,

I included an image in the promotion headline using below css at this webpage (still work in progress) http://pegewebdesign.helpinghands-uk.com/
The image appears on all devises right in the middle as I want it (had to use margin-left: -7.3%;), but it does not appear on an ipad or any mobile devise. Can you please advise.

Many Thanks
Petra

#promotion-message .section {
background-image: url(“http://pegewebdesign.helpinghands-uk.com/wp-content/uploads/2016/01/matt-furniture-maker-logo.png”) !important;
background-repeat:no-repeat !important;
margin-left: -7.3%;
}
#promotion-message .left {
color: #202020 !important;
height: 120px !important;
}

[Mahesh]

Hi PG,

For the mentioned issue, replace your CSS above for #promotion-message .section with the following CSS:

#promotion-message .section {
    background-image: url("http://pegewebdesign.helpinghands-uk.com/wp-content/uploads/2016/01/matt-furniture-maker-logo.png") !important;
    background-position: center center;
    background-repeat: no-repeat !important;
    background-size: cover;
}

Regards,
Mahesh

[PG]

Thank you so much Mahesh!
Petra

[Author]

Posts