Navigation menu items too close to center

[Stasja]

Hello!

I've been trying to find the code for this but can't locate it, not even with the 'inspect item' option as it doesn't show that in the css. I'm very new at all this so might be an easy find.

This is our website:

www.hellogulp.com

I'd like to get the menu items and the account / cart icons closer to the left and right side. They are too far in the center now. Any help would be very very welcome!

Thanks a million!

[oscprofessional]

.large--text-right {
    text-align: center !important;
}
.large--text-left {
    text-align: center !important;
}

Hello
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->timber.scss.liquid

[dmwwebartisan]

@Stasja 

Add code assets/theme.scss.liquid Or assets/timber.scss.liquid bottom of the file

.large--text-right {
    text-align: center !important;
}
.large--text-left {
    text-align: center !important;
}

Hope this will work for you.

Thanks!

[dmwwebartisan]

@Stasja 

You can use the above code or try to use the following code. Let me know which one works.

Please add the following code at the bottom of your assets/timber.scss.liquid file.

.site-header .wrapper{
max-width: 100% !important;
}

Hope this works.

Thanks! 

[Stasja]

Thank you so so much! It worked One more question - my logo doesn't seem to be in the middle, do you know how to fix this? I'd be super grateful!

[dmwwebartisan]

@Stasja 

Please add the following code to make the logo in the center.

@media screen and (min-width: 769px){
.site-header__logo {width: 100%;}
}

Thanks! 

[Stasja]

Brilliant! Thank you! Is there also a way to reduce the padding above the nav menu? 

[dmwwebartisan]

@Stasja 

The navigation above padding is looking fine. But could you please provide a screenshot?

[Stasja]

Might just look like that because of the picture. I was thinking just reducing the tiniest bit but if you think it looks fine, then maybe I should leave it.

[dmwwebartisan]

@Stasja 

Do you want to reduce this padding?