icon settings in Mobile Responsive

General Discussions
#1

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.

#2

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;
  }
}

Ben

#3

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

#4

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

#5

No worries! Have fun with BB! :slight_smile:

Ben

#6