Mobile Menu Breakpoint

Hello,

I used the following code to change the breakpoint. However, the dropdown menu is not full width. Is there a way to make the dropdown menu full width as it is on mobile?

@media (max-width: 768px) {
.main-navigation .menu-toggle,
.main-navigation .mobile-bar-items,
.sidebar-nav-mobile:not(#sticky-placeholder) {
display: block;
}

.main-navigation ul,
.gen-sidebar-nav {
display: none;
}

[class*="nav-float-"] .site-header .inside-header > * {
float: none;
clear: both;
}
}

Thanks for the help!