icon settings in Mobile Responsive

Hi Guys, we’ve noticed a flaw, we can’t seem to fix.
On this page here of our clients live site: https://ricksdrivingschool.ca/orillia-school-courses/
Just below the AVAILABLE DATES: we have icons with dates. This does not line up very well.
You can see a screenshot here: https://ricksdrivingschool.ca/wp-content/uploads/2015/11/Screenshot_2015-11-03-10-40-31.png

Any help to fix this? We’ve tried to delete and add again, but can’t seem to fix ourselves.

Hey Elizabeth,

Our Icon modules are actually set to align center on mobile. Try using the CSS snippet below to override it.

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


Thanks Ben, sorry where exactly do we put this css? :slight_smile:

Figured it out. :slight_smile: Used the customizer section. that worked great!!! Much appreciated.

No worries! Have fun with BB! :slight_smile: