[kalatos]

Hello,

could you please review my website and help me how to disable / hide grey line on the top of the header?

http://dpssosabowski.pl/wp/

Thank you so much for your support.

[Sakin]

@kalatos: Just add the following css in “Appearance => Theme Options => Custom CSS” box:
#header .top-bg { display: none; }

[kalatos]

thank you for your support. Unfortunately line is still visible in the header.

All the code that I have fulfilled in the box you can find below:

#header #mainmenu {
text-align: center;
}

#header #mainmenu ul li {
border: none;
display: inline-block;
float: none;
height: 40px;
}

#header .social-search form.searchform {
display: none;
}

#header .logo-wrap {
width: 100%;
}

#site-details {
float: right;
text-align:center;
}

.page #main #content img {
background-color: transparent;
border: 0;
}

.h4 { text-transform: none; }

#header .layout-978 {
position: relative;
}
#headimg {
clear: none;
display: inline-block;
float: right;
margin-top: 0;
position: absolute;
right: 0;
top: 55px;
width: auto;
}
#headimg img {
width: auto;
}

#header #mainmenu ul li:hover > a {
background-color: #444;
color: #e3ba84;

#header .top-bg { display: none; }

[kalatos]

Hello everyone, can I ask once again if somebody can help me? I put in place Sakin code but line is still visible.

[Sakin]

@kalatos: The CSS that I gave you is correct. But the css that you have got missing closing bracket }. Find the following css:

#header #mainmenu ul li:hover > a {
	background-color: #444;
	color: #e3ba84;

and then replace it with

#header #mainmenu ul li:hover > a {
	background-color: #444;
	color: #e3ba84;
}

[kalatos]

It works, many thanks 🙂

[Author]

Posts