0

I have a site that is using bootstrap and some custom css. I have a css class called "full-width" design to escape the parent bootstrap "container" in order to get the background color to extend the entire width of the screen. I just noticed that I have a horizontal scrollbar on desktop. I have narrowed it down to the "full-width" class but I cannot figure out how to fix it. It has been fin up until recently.

Staging site: https://staging.warsaw.church

I really appreciate and help!

Raphael Andres
  • 77
  • 2
  • 14
luke bouch
  • 49
  • 5
  • 1
    You should add code to reproduce this issue. That aside, have a look here: https://stackoverflow.com/questions/23367345/100vw-causing-horizontal-overflow-but-only-if-more-than-one/23367686 – Dirk J. Faber Jun 08 '21 at 19:06

1 Answers1

2

Fix this part of the css it worked for me

html {
    scroll-behavior: smooth;
    full-width: 100%;
        overflow-x: hidden;
}
Kostandin Vllahu
  • 231
  • 7
  • 16