Debut - main site nav / display the drop down items in one row

[Annavittoria]

Hello,

I'm looking how to display the dropped down items from the main site nav bar in one raw.

Looking at this below screenshot, when the zoom page is at 100% in the browser, it looks like this

if you zoom back like at 80% it will be displayed correctly.

I'd like to know if there is some code to add that force the one-line displaying for all the zooming options.

www.pianodgirls.com

Thanks in advace

[KetanKumar · Accepted solution]

@Annavittoria 

Thanks for here 

can you please try this mega menu style code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.site-nav__dropdown--centered {
position: fixed;
    top: 113px !important;
}

[Annavittoria]

Many thanks as always @KetanKumar 

This made a wide megamenu, and fits perfect to my needs.

Great job