My main menu displays smaller on product detail page then on rest of site

[brother_doomsday]

Using latest version :
PHP 7.2.5
Joomla 3.8.8 stable
VM VirtueMart 3.2.14
Yootheme Sixth Avenu theme Warp 7
Widgetkit 2.19

My problem is when I go to a product detail page the main menu dropdown becomes smaller then it should be, you can see what I mean by looking at

this page

and then look at

this page  where all the weird things start happening to my main menu

Anyone here ever came across some weird behaviour such as this? I'm trying hard not to lose my $#!t over this, but its been 5 days and I still don't know what's happening.

Any help would be appreciated, from what I gathered that the Element in the "uk-grid uk-dropdown-grid uk-grid-match uk-container-center" are not styled the same way as they are on the main page, but I am unable to find what triggered the CSS styling change since it only occurs on the product detail pages.
( looked at Element in Web-developer inspector Firefox)

<div class="uk-container uk-container-center">
<div class="uk-grid uk-dropdown-grid uk-grid-match uk-container-center" style=""> .... <!-- "Main Menu Items are in these divs"--> </div>
</div>

As I said any help would be appreciated Thx a zillion