Removing grey line from underneath header image

PS. I would add a link to the site but it isn’t live yet…

Do you have a public URL of your site to provide? If so please share it!

Dear Subrata Sarkar,

I am not craw10756, but I am experiencing the same problem.

My URL is https://sharedservicesnederland.nl/.

While customizing, when you select Theme settings/Header/Custom background, at the top of the menu a dark line of about 2px wide appears.

DO you know how I can get rid of this line?

Please remove the following lines from .main-navbar::before rule.

.main-navbar::before {
    background-color: rgba(0, 0, 0, 0.15); /* remove this line */
    content: '';
    display: block;
    height: 4px; /* remove this line */
    position: absolute;
    top: 0;
    width: 100%;
}

Or try this:
Go to Appearance > Cuzstomize > Additional CSS and write the following:

.main-navbar::before {
    background: none !important;
    height: 0 !important;
}

Hope this helps.

I could not locate the ‘.main-navbar::before’ rule in my xMag: Stylesheet.

But the second solution (add the code to the ‘additonal CSS’ section) worked like a charm.

Thanks!!

That works for me too; thanks! But do you know how I can only remove the grey line from just the homepage?

I am not sure this topic is talking about the same line I want to remove from my website.

I use xmag theme in my blog. https://pebisnaguinha.com.br/blog/

There is a blue line in the top of the website. I can′t remove it. I can only change its color from Appearance > Colors > Header Background. But I want to remove it.

How could I remove it, please?

Tks.
Felipe