Hello there!
We’re having some issues with the theme: https://themes.shopify.com/themes/impulse/styles/modern (Impulse Theme by Archetype Themes)
We have our menu navigation split up, logo centered, navigation items on the right and left side. It works really well on wide screens but when it comes to scmaller screens, the navigation splits up to 1 column, 2 rows structure.
We want to maintain the 1 column, 1 line structure. Can someone help me with this?
Thank you in advance,
Vanda
Hi @nekosan01 ,
Share Store URL with password?
Dear @oscprofessional
Thank you for your reply, it’s https://beyouma.myshopify.com/ with pass: teetea
We want the hedaer to look like this for example:
.site-nav__item {
display: table-cell;
}
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid
Thank you so much! You saved the day, works like magic! 
I’m so grateful. Can i ask you one more thing?
The dropdown navigation overlaps to the header and it looks bad, is there some way to fix this? Red arrow shows the start of the dropdown, and green line shows where should it start.
Thank you in advance!
ul.site-nav__dropdown.text-left {
top: 86px;
}
Online Store->Theme->Edit code->Assets->theme.scss.liquid
Dear @oscprofessional
Yes , we tried this solution too but this way the dropdown menu just disappears when you try to hover on it because it’s not connecting or i don’t know how to say this.
This is our navigation:
And this is how we want it, if it’s possible just like on https://www.mindjournals.com/ header :
For this you have to remove the header space and then adjust it dropdown box