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

Solved
Annavittoria
Excursionist
28 0 15

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

Immagine.png

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

Immagine2.png

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

0 Likes
KetanKumar
Shopify Partner
15951 1758 5877

This is an 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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Annavittoria
Excursionist
28 0 15

Many thanks as always @KetanKumar 

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

Great job

0 Likes