Grey line under menu bar / navbar

Hi. I have a strange gray line right underneath the menu bar. It doesn’t seem to be there at all times though, but probably about 95%+ of the time. I’ve tried so many different things to get rid of it without success.
I used this code and managed to remove it, however that also fucked up my blog page.

.sticky-wrapper {
	max-height: 0px;
	margin-bottom: 142px;
}

Do you have any idea on how to fix this? Help would be super appreciated.

// Binky

Hello,

Could you post a link to your website so I can see the issue?

Of course, I forgot about that.

http://lisablomqvist.com

Seems to be a miscalculation there from the script that makes the menu sticky. Though I’m not sure what’s causing it.
This should fix without producing other issues:


.sticky-wrapper {
   max-height: 108px;
}

Thank you that worked perfectly. I guess I would have to readjust the max-height if I change the menue bar / nav bar again?

I also have another short question that´s not really related to this problem.
I´ve been trying to adjest some style settings for specific parts of the site. To do that I tried using both the class and the ID for the styling to prevent my styling from being applied to all places using the same class. However it didn’t work and I can’t figure out why.

On the page http://lisablomqvist.com/meriter/ I tried to adjust the hieght of the second part, meaning the first all text part since I don´t want that much space underneeth the text. To do this I tryed this code (and some variations of it) but nothing worked.

.pg-333-1.panel-grid {
    max-height: 400px;
}

If I only use the class it works, then however it changes on everything using that sepecific class which is not what I want.

Yeah, you will have to adjust it if it’s needed.

IDs are written like this #pg-333-1, not like this .pg-333-1. You can use only the ID to set your styles, no need to use the class.

Thank you so much, that explains a lot. Thanks for your amazing support.