Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #83787
    PG
    Member

    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;
    }

    #83844
    Mahesh
    Participant

    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

    #83857
    PG
    Member

    Thank you so much Mahesh!
    Petra

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘image in Promotion headline doesn't appear on mobile’ is closed to new replies.