Często wykorzystuję framework Bootstrap 4 do realizacji. Głównie do podziału witryn na kolumny, sekcje. Jednakże czasami potrzeba stworzenia tzw. mega-menu powoduje, iż trzeba co nieco pokombinować z górną częścią strony.

Poniżej prezentuję regułę CSS umożliwiającą rozszerzenie dropdown-menu na całą szerokość strony.

.open > .dropdown-menu {
  background-color: #fff;
  display: block;
  height: auto;
  position: fixed;
  top: 35px;
  width: 100vw;
  left: 0px;
}