remove white gap under line in header and change width of menu

Solved
Highlighted
Tourist
12 0 3

Hey there, 

1. anyone can give me an advice of how i am able to get rid of that white littel space under the headers line? (see picture below/ red lines) The Image with overlay i use under the header has the parallax effect if that of an intrestin fact?! 

2. Can anyone tell me how i change the width of the dropdown menu? (see picture below/ green lines) i had an app installed and i believe i didnt deleted the app in a right way. Any suggestion would be appreciated. 

Bildschirmfoto 2020-09-19 um 10.10.38 AM.png my store url is travel-as-it-comes.myshopify.com

0 Likes
Highlighted
Shopify Partner
3192 702 848

@kleinekruemel ,

Please share the password. I will check and provide a solution here.

Thanks!

 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
12 0 3

Thanks for your reply. 

i will send you a private message. 

Cheers 

0 Likes
Highlighted
Shopify Partner
3192 702 848

@kleinekruemel 

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

.site-nav__dropdown--centered {
width: auto !important;
text-align: left !important;
}
.site-nav__dropdown {
left: auto !important;
}

@media only screen and (min-width: 750px)
[class*="index-section--flush"]:first-child { padding-top: 0px !important; }
}

 

Hope this helps.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Tourist
12 0 3

Thanks for your answer. I did tried it straight away, but it does not work at all. see picture below

Bildschirmfoto 2020-09-19 um 1.16.56 PM.png

0 Likes
Highlighted
Shopify Partner
3192 702 848

This is an accepted solution.

@kleinekruemel 

Sorry, my bad. Try this

.site-nav__dropdown--centered {
width: auto !important;
text-align: left !important;
}
.site-nav__dropdown {
left: auto !important;
}

@media only screen and (min-width: 750px) {
[class*="index-section--flush"]:first-child { padding-top: 0px !important; }
}

  

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
12 0 3

@dmwwebartisan 

 Amazing thank you very much. works perfectly!