Icons not centering on Mobile

BB Theme
1

Hi Guys, not sure how we can get our icons to line up on mobile for this site:
The white arrow icon on hero and the 3 CTA’s below don’t center for us.
http://randmarketresearch.com/

We do however have this in the CSS to align icons left because of this page:
http://randmarketresearch.com/what-we-do/

@media (max-width: 768px) {
.fl-module.fl-module-icon {
text-align: left !important;
}

2

Hi Elizabeth,

The reason this is happening is that the media query you mentioned above is setting the alignment on devices with a screen width of 768px or less to “left”.

Therefore, you can use the following media query, to force the icons on your home page to be aligned to the center.

@media (max-width: 768px) {
  .page-id-7 .fl-module.fl-module-icon {
  text-align: center !important;
  }
}

Thanks,
Danny

3

[Content Hidden]

4

No problem, Elizabeth and happy to hear the issue has been resolved.

Thanks,
Danny