The aim is to create a justified menu that remains aligned on both sides with the container width of 1200px. I achieved this on large screens through adjusting the padding between the menu items, but as soon as screen goes below 1235px, it no longer works.
I realise i will need to create different media queries to make sure menu and social/contact details fit on one line, but is there away to automatically control the spacing between the menu items to ensure it is justified?
Hmm, tough question. You might be able to use flexbox for the menu items, but I’m not sure since the markup is using BB. It might be worth asking their support if they’ve ever done something like that with their menu widget.