Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
I created a custom footer menu with 5 items/pages in it. It’s a horizontal menu and I’d like it to be displayed without any white space between the items. So far there is some white space after each item and I am not able to remove it. I have the same menu on top as main navigation and here I don’t have any white space at all.
This is my css code for the footer:
/* css für das footer menu */
#colophon {
background: none !important;
display: none;
}
.footer-menu {
max-width: none !important;
margin: 0;
width: 100% !important;
position: fixed !important;
bottom: 1px !important;
right: 0px !important;
left: 0px !important
}
.footer-menu li.menu-item a{
font-family: "American Typewriter";
font-weight: normal;
font-size: 12px;
letter-spacing: 0.2em !important;
color: #fff;
}
.footer-menu ul li {
display: inline-block;
text-align: center;
}
.startseite {
background-color: #f0a55d;
width: 4%;
}
.impressum{
background-color: #aa819a;
width: calc(24%);
}
.rights {
background-color: #94a9cd;
width: calc(24%);
}
.presse {
background-color: #e07c70;
width: calc(24%);
}
.contact {
background-color: #a2ca6b;
width: 24%;
}Startseite, Impressum, rights, presse and contact are my five pages/items.
Do I miss something? :/
Hi Deissenb,
Do you have a public URL where we can take a look at your setup? I ask as how you set up the footer menu can greatly affect how you remove the spacing.