Reducing the size of website increases the width-CodePudding

I have YouTube-style header like css, when I reduce the size of my website, the width of my YouTube-style header increases and my icons extend beyond the boundaries of the site, but when trying same thing with

youtube mobile:

CodePudding user response：

overflow hidden add

.header {
  overflow: hidden;
}

CodePudding user response：

Your header is inside another container, and has a sticky position change this for your header class :

.header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}