That strange behavior is being caused by a style applied only to the first items on the list — not clear why the style is there at all, but if you delete this, it fixes it:
.widget ul li:first-child {
float: right;
margin: 0;
}
Thread Starter
Jack
(@studiojacklynnphamcom)
Awesome thanks! I saw that and played around with the spacing, but I didn’t think to just delete it. Worked like a charm. Thanks!
You could also have put “float: none;” and it should have done the same thing. Do be aware that when the theme is updated, you’ll lose that change, so make a note of it. Generally, you should not make changes in theme files — but use a child theme or custom CSS option or plug-in — that way your changes won’t be lost. If you want to set that up, you’d just add this CSS — which should override the old (bad) one:
.widget ul li:first-child {
float: none;
}
Thread Starter
Jack
(@studiojacklynnphamcom)
Thanks! I should be better about not changing the theme styles…