Floating Icon Help

[mizjewels]

Can you please take a look at this page and let me know how I can get these icons lined up properly?

https://pivot-health.com/what/

Thank you!
Julie

[ruenel]

Hello Julie,

Thanks for writing in!

I have checked your page and I am seeing the icons lined up correctly.

Are you expecting a different layout to display the icons? Please provide us a mock layout or some screenshot of what you have in mind so that we will have the idea of how it should look like.

Thank you.

[mizjewels]

Thanks so much for responding! As the screen size changes they no longer line up. How can I make them stay centered to the text or just turn off the column on smaller screens?

Thanks!
Julie

[rad]

Hi Julie,

They will not line-up since they are grouped by columns, how about making each icon and its corresponding text have its own row? That way, even if the text increases its height then it will stay aligned to the icon.

The problem with your current setup is there is no row that separate them from other items. All icons are grouped in one container, then all texts are grouped on another container.

Thanks!

[mizjewels]

Thanks ~ I’ve already started working on transferring to a classic featured list, which I think is going to do what I need it to do. What do you think?

[rad]

Hi Julie,

Yes, that would work too and much more suited to that setup than just columns.

Thanks!

[paul.r]

Hi Julie,

Can you provide us the exact url of the page where we can see the issue.

I checked your other pages in mobile and seems to look fine.

Thanks