WordPress Website Templates

Find Professional WordPress themes Easy and Simple to Setup

inner banner

Music Pro – Footer Background Image Issue

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #15668
    Charles Sclafani
    Participant

    Hello. For whatever reason the background image in the footer area via mobile device is being stretched out/distorted. The image is fine in a desktop browser but on a mobile device the footer background image is getting distorted. Please advise.

    web URL: http://staging.bandrecordingslive.com/

    mobile screenshot: https://od.lk/f/NF8yMDA2MzQ1OTVf

    All assistance to resolve this issue is greatly appreciated. Thank you!

    #15694
    Grace Themes
    Member

    Hi,

    The footer image is applied as a background image. The background image is not responsive in mobile devices so they are not displaying well in small size device.

    Regards
    Grace Themes

    #15702
    Charles Sclafani
    Participant

    So….. how do I implement the following CSS code into the theme?

    I want to replace:

    #footer-wrapper {
    background-size: 100% 100%
    }

    with:

    #footer-wrapper {
    background-size: cover
    }

    #15707
    Grace Themes
    Member

    Hi,

    Go to the Appearance -> Editor -> style.css file
    add below css code at the end of file

    @media screen and (max-width:767px) {
    #footer-wrapper { background-size: cover !important; }
    }

    Regards
    Grace Themes

    #15727
    Charles Sclafani
    Participant

    That did not work – the mobile browsers are completely ignoring that line of css code. Please provide a fix. Thank you.

    #15738
    Grace Themes
    Member

    Hi,

    Please send your website URL and WordPress admin login details at [email protected] so we can check and assist you quickly.

    Regards
    Grace Themes

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.