Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Use Browser Inspector tools for this kind of CSS work. Look at your navigation styles.
so you suspect at #access and stuff like that related to <nav>? Me too…
Solved!
It was in here, I coppied this from original theme css into child theme css:
#access {
background: #222; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#252525, #0a0a0a);
background: -o-linear-gradient(#252525, #0a0a0a);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
background: -webkit-linear-gradient(#252525, #0a0a0a);
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
clear: both;
display: block;
float: left;
margin: 0 auto 6px;
width: 100%;
}
And then I changed
margin: 0 auto 6px;
into
margin: 0 auto 0px;
naturally.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Remember you need only styles that are overridden, in your Child Theme stylesheet.
E.g remove redundant styles;
#access {
margin: 0 auto 0px;
}
That’s fair enough! Thanks!
