Depends on your site – a tool like Firebug will show you the relevant CSS – typically margins and/or padding.
Using twelvetwelve theme
Installed FireBug already and were using it a lot, but I’m not certainly sure which exactly padding component is responsible for that. Tried to edit some by child style.css but without luck so far 🙁
I’m pretty new with wordpress, so sorry if this is a dumb question
Not a dumb question, but no way for anyone else to help with CSS without seeing your site :).
http://serwer1381464.home.pl/autoinstalator/wordpress/#
When u see at nav menu, “Strona główna” and “Video” u see that there is space approx 20-30 px between them. I want to remove it, as I managed how to use IMG button, but they will not fit well with these spaces. Tried to use firebug to find out which component is responsinble for it, but do not see in code that
This is the margin creating that space:
@media screen and (min-width: 600px) {
.main-navigation li {
margin: 0 2.85714rem 0 0;
}
}
Change that 2 to something smaller. Also, be careful about styles in twentytwelve – as it’s coded mobile-first, so you may need to wrap some of your changes in media queries(as I did here) so that it does not mess up the responsiveness.
Thank you! It was exactly what I was after 🙂 Works as blessing.
