Hi @mcperi
Thanks for reaching out again.
I checked your site out when you first asked about this. Do you mean that the icons are wrapping on tablet/mobile view because that I see. On desktop all seems normal, all widgets are in a single row.
Normal behaviour is for the footer widgets to vertically stack for mobile. The social plugin you’re using and inline text alignment for the phone number is changing that a bit. To clean everything up for mobile I’d recommend the following inserted at Appearance > Custom CSS:
/* Footer */
.social-icons {
display: inline-block;
float: none;
}
@media (max-width: 680px) {
.site-footer .widget:last-of-type p[style] {
text-align: left !important;
}
}
To get access to the Appearance > Custom CSS menu item, first install:
https://wordpress.org/plugins/simple-custom-css/
Thread Starter
mcperi
(@mcperi)
Thank you for the prompt response.
On my desktop, the footer shows:
1st line: Follow Us:
2nd line: list of social icons
I would like it to show all on one line: Follow-us: list of social icons
Hoping this will reduce the width of footer.
I entered the above in custom css, it still shows as 2 lines.
Any other suggestions?
Sure. The CSS listed just sorts out some responsive challenges.
Try the following to get what you’re after:
.sbr_box h3.widget-title {
padding-top: 12px;
padding-right: 10px;
float: left;
width: 22%;
}
Hope that helps.
