Home Forums Free WordPress Themes Help Elvinaa Theme Help background image not responsive for smaller devices

This topic contains 6 replies, has 2 voices, and was last updated by  Louis Abasta 2 months, 2 weeks ago.

  • Author
    Posts
  • #1600 Reply

    Louis Abasta

    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 Reply

    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 Reply

    Louis Abasta

    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 Reply

    Spiracle Themes

    Hi Louis,

    Try changing the resolution and let us know

    Best Regards

  • #1608 Reply

    Louis Abasta

    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 Reply

    Spiracle Themes

    Hi Louis,

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

    Best Regards

  • #1610 Reply

    Louis Abasta

    work perfectly now! Thank you!

Reply To: background image not responsive for smaller devices
Your information: