When viewing the five social media icons located near the bottom of the page under the text “STAY CONNECTED” on a mobile device, they stack up vertically and I am wanting them to align horizontally.
Can anyone help?
https://www.volunteereyecare.com
1 Like
Hi,
They are aligning vertically because you have a small column class added (.vc_col-xs-2) which makes the width only 16.666% wide and so there is no horizontal space available.
Specifically here.
<div class="wpb_column vc_column_container vc_col-sm-6 vc_col-xs-2">
You could remove that class (vc_col-xs-2) and then the icons will stay horizontal. You may also want to add your own class so you can centre the icons more easily and add a bit of space above them.
I didn’t see any unique classes on those parent elements so I would be loathe to throw css at the existing classes as I assume they are in global use.
1 Like
I finally found it. It was a responsive setting for that column when viewed on mobile. I was able to fix that and successfully add the CSS for proper alignment.
Thanks so much @PaulOB! Hope you are doing well.
3 Likes
You’re welcome 
Hope you are fine also.
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.