Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
You need to discuss this with the people who built this widget. If that’s coming from your theme then you need to talk to the theme authors: http://www.undsgn.com
We don’t support commercial themes on ww.wp.xz.cn.
try the following in your custom CSS to get rid of the bullets and adjust the spacing after removing them
/* remove bullets and adjust spacing */
.post-content ul:not(.no-list) {
padding-left: 0;
}
.post-content ul:not(.no-list) li {
list-style-type: none;
}
for centering the menu in mobile you will have to add a CSS breakpoint. I noticed the menu changed at 959px wide so try this
/* center the footer menus */
@media (max-width: 959px) {
.row div[class*=col-lg-].align_left > .uncol > .uncoltable > .uncell > .uncont,
.row div[class*=col-lg-] .row-inner .align_left > .uncol > .uncoltable > .uncell > .uncont {
text-align: center;
}
}
I had trouble noticing any very identifying ID’s or classes that would allow me to target that footer menu specifically, so you should check to see what those two bits of code will affect. They may make your menu look the way you want, but could potentially affect other areas of your site. See if you can add a specific ID or class to the footer block, then you can target those areas specifically like this:
/* remove bullets and adjust spacing */
#my-footer-block .post-content ul:not(.no-list) {
padding-left: 0;
}
#my-footer-block .post-content ul:not(.no-list) li {
list-style-type: none;
}
/* center the footer menus */
@media (max-width: 959px) {
#my-footer-block .row div[class*=col-lg-].align_left > .uncol > .uncoltable > .uncell > .uncont,
#my-footer-block .row div[class*=col-lg-] .row-inner .align_left > .uncol > .uncoltable > .uncell > .uncont {
text-align: center;
}
}
