Make menu div full width of container?

Yes I tried that, but it doesn’t work. It still doesn’t fade it just appears white immediately.

Any way we can get this working would be great!
So either, make the container full width (I’ll worry about positiong and all the small details)
or
make #header_main_alternate fade like the rest of it.

That didn’t work for me, possible because I have UberMenu as my menu now??
But I did manage to get what I want by editing the header.php and changing

  <div class='container'>

                        <?php
                        /*
                        *	display the theme logo by checking if the default logo was overwritten in the backend.
                        *   the function is located at framework/php/function-set-avia-frontend-functions.php in case you need to edit the output
                        */
                        echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');

                            if(strpos($headerS,'social_header') !== false && strpos($headerS,'bottom_nav_header') !== false) avia_social_media_icons($social_args);

                        /*
                        *	display the main navigation menu
                        *   modify the output in your wordpress admin backend at appearance->menus
                        */
                            $extraOpen = $extraClose = "";
                            if(strpos($headerS,'bottom_nav_header') !== false){ $extraClose = "</div></div><div id='header_main_alternate' class='container_wrap'><div class='jrm_container'>";  }

Notice at the very end I have “jrm_container” instead of just “container” Then I added the following css:

.jrm_container {
  position: relative;
  margin: 0 auto;
  padding: 0px;
  clear: both;
}

That way the width takes up the entire width of the parent container.

Do you see any issues with this way of doing things? I created my own cusotm “container” to avoid any potential issues like other divs having the container class.

thanks