Border line below header

[Michael.srm]

Hey,

Just below my Header there is a bordering line with a fade in effect. How do I get rid of that or blacken it out?

Its a global thing, but I cant find the option.

Thanks in Advance!

Cheers,

Michael

[Zex]

Hello, Michael!

Actually, I don’t see any border below the Header itself…
Can you attach some screenshot?

If you think on the red gradient background below the navigation menu items,
probably it should be configured from the MEGA MENU settings (not the part of the theme )

But, if for some reason you can’t find the option to remove it, you can insert the next code into Customizing->General->Additional CSS:

@media only screen and (min-width: 601px){
#mega-menu-wrap-agama_nav_primary #mega-menu-agama_nav_primary > li.mega-menu-item > a.mega-menu-link{
  background:none!important;
 }
}

Please let me know if that work for you.

Regards

• This reply was modified 4 years, 3 months ago by Zex.
• This reply was modified 4 years, 3 months ago by Zex.

[Michael.srm]

yea, its hardly visable depending on your screen.

the gradient in mega menu is as intended

Here is a screenshot. I hope this makes it more clear.

https://www.dropbox.com/s/pigynsq3wvixgi1/border.PNG?dl=0

[Zex]

Thank you, now I see the problem 🙂

That line is actually the header’s shadow…
to remove it, insert the next code into Customizing->General->Additional CSS:

#main-wrapper{
    box-shadow: none!important;
}

Regards

[Michael.srm]

Thanks, worked!

[Author]

Posts