Just a couple of tweaks:

Rather than removing .social-links from custom.css, change it to this:

.social-links {
    text-align: center;
}

Then add this style too:

.social-links li {
    margin: 10px;
    width: 54px;
}

While you're at it, add this in too, it gives the menu a dark background on 
mobile so that you can actually see it :-)

@media (max-width: 767px) {
    .navbar-collapse {
        background-color: rgba(0, 0, 0, 0.90);
    }
}
-- 
https://code.launchpad.net/~thelinuxguy/openlp/website-fixes/+merge/320184
Your team OpenLP Core is subscribed to branch lp:openlp/website.

_______________________________________________
Mailing list: https://launchpad.net/~openlp-core
Post to     : [email protected]
Unsubscribe : https://launchpad.net/~openlp-core
More help   : https://help.launchpad.net/ListHelp

Reply via email to