I’m having a little trouble getting the main menu parent menu items to be full width (not necessarily with the screen but within its container). I’m not sure what’s causing the parent items to not go full width. I’m suspecting it’s Bootstrap’s ‘box-sizing’, but I cannot be sure.
The problem is that .container in bootstrap assigns widths at multiple levels (for responsive use.)
I’m questioning whether you even need the .container element at all. All it is doing is setting a width and centering it. You don’t want the width nor do you want it centered (you want full width.)
I recommend removing the .container element (keep the children though.)