Footer Widgets Responsive

cjstocker · April 2019

All my footer widgets are aligned left how I want them but this causes a problem on smaller screen sizes. They need to be center aligned on mobile. Additionally they are starting to stack way too early. I've tried various lines of code in the Be Theme custom css area as well as under the customization option under appearance and none are working. URL is: http://bar.sleepinggc.com

Thank you.

Pablo · April 2019

Hi,

Please paste that code into the Theme Options > Custom CSS & JS > CSS

@media (max-width:1240px){
.widgets_wrapper > *{
	text-align:center;
}}

Thanks

cjstocker · April 2019

Thank you. That worked. Is it possible to keep it left aligned and then just have it change to center at a certain breakpoint (mobile is what I'm concerned about)?

Pablo · April 2019

Of course.

I updated the code above.

Thanks

cjstocker · April 2019

Thanks!

Footer Widgets Responsive

Comments