Bootstrap 5 full viewport bg image

hello, I am using Bootstrap 5 and an SVG file for a background image. It works well to some extent such the everything shrinks to fit when I resize the browser. Sadly the background image crops itself instead of resizing. I am using

.fullbg { 
    background: url(/thin2\ text.svg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

I got this code from css tricks. While it works, it would have been nice if the background image resizes itself instead of hiding/cropping itself so that a big portion of it is not visible while using mobile screen size. Thanks.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.