background image not responsive for smaller devices

This topic has 6 replies, 2 voices, and was last updated 4 years, 11 months ago by Louis Abasta.

Viewing 6 reply threads
  • Author
    Posts
    • #1600


      Louis Abasta
      Guest

      Hello,
      My website background image isn’t being responsive for smaller devices. When my website is viewed the background image is cut off. What custom css can I use to make it work properly?

    • #1602


      Spiracle Themes
      Keymaster

      Hi Louis,

      Try the CSS below

      #parallax-bg #slider-inner{
      background-size: contain !important;
      background-position: center !important;
      background-repeat: no-repeat !important;
      }

      Copy and paste it in Appearance -> Customize -> Additonal CSS

      Best Regards

    • #1605


      Louis Abasta
      Guest

      Thank you,

      in some cases the image is still clipped. Would i have to change the resolution of the image itself? But the CSS did work

    • #1606


      Spiracle Themes
      Guest

      Hi Louis,

      Try changing the resolution and let us know

      Best Regards

    • #1608


      Louis Abasta
      Guest

      Hello,

      I tried changing the resolution but all it did was pixelate the image. It works fine when I resize my browser reducing the width, but when I reduce the screen size horizontally, it zooms into the centre of the image instead of scaling the image to fit the container.

      Thank you

    • #1609


      Spiracle Themes
      Guest

      Hi Louis,

      Try disabling the parallax scroll option from Appearance -> Customize -> General Settings and then check

      Best Regards

    • #1610


      Louis Abasta
      Guest

      work perfectly now! Thank you!

Viewing 6 reply threads

Reply To: background image not responsive for smaller devices

Your information:




Cancel