My Cover/Banner is not showing for cell phone users?

Comments

2 comments

  • IceyPixels

    Unfortunately this is a bdsmlr error as they are trying to display a base64 image instead.

    Normally you could replace this with css but they also have made the mistake of making it !important and being inline css it is not possible to replace this by including the parent element in the css.

     

    However you can use the parent element to display the image instead of using the blog header (in this case ".container" )

    So you would post something like this in your css:

    @media screen and (max-width: 1000px)
    {
         .container{
            background-image: url(https://bdsmlr.com/uploads/blogs/2023/07/11264207/11264207-oiPpG2w1k11.jpg) !important;
            background-repeat-y: no-repeat;
            background-size: 100%;
        }
    }

     

    1
    Comment actions Permalink
  • Marko Leder

    Thank you IceyPixels

    1
    Comment actions Permalink

Please sign in to leave a comment.