Adjust mega menu alignment in Broadcast theme

[alysianco]

I created a mega menu in the Broadcast theme v 5.4.1 and while the main nav is aligned to the left, the dropdown menu items are not. I would like to align the dropdown menu items to the left because once I add in an image to the menu, it squishes the menu items into 2 rows even though there is a ton of container space to fit everything across the screen in one row. See screenshots below. I have not been able to find this fix in the Broadscast documentation, even though all their demo videos show the mega menu dropdowns aligning to the left like I want. Does anyone have code to fix this?

Here is how the Broadcast documentation displays the mega menu with images.  This is what I want it to look like with or without the menu images!

https://haydenbjewelry.com/

[Moeed]

Hey @alysianco 

Follow these Steps:

1) Go to Online Store
2) Edit Code

3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.header__dropdown__inner {
    margin: 0 !important;
}
</style>

RESULT:

If I managed to solve your problem then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[alysianco]

Success! Thank you!

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[alysianco]

Sorry, one follow up. Looks great without any in-menu images. But if I try to add an image, it squishes altogether again.

vs. how Broadcast demo store looks with in-menu images...

[Moeed]

Can you add an image and save it so that I can have a look too?