How can I move my menu navigation closer to the logo in the Narrative theme?

Store Design
1

Hi all,

I would like to move my text menu navigation closer to the logo on the narrative theme. I know basic html and css, however the menu seems to be wrapped by a flexbox and this already seems to be too complicated for me. If i add a left margin on the menu, the logo will move as well. I would like to keep responsiveness as well.

Robin2011_0-1646520770951.png
Robin2011_0-1646520770951.png1184×438 364 KB

Maybe someone can point me in the right direction.

here is my page: https://www.lykaia-nutrition.de/

Thanks

2

Hi @Robin2011 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss->paste below code at the bottom of the file:
@media (min-width: 1051px) {
nav.site-header__section.site-header__section--button {
    left: calc(50% - 420px);
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like
3

Thank you, that worked!