Question about Pricing Model Responsive on Mobile

[bdendas]

Hi,

I just created a 5 column pricing table using instructions in this video: https://www.youtube.com/watch?v=bCYheA2Pa00&vl=en

It looks great on desktop, but is no longer responsive and overlaps on mobile. What do I need to do to get this responsive again?

See below:

http://indiegetup.com/submit-2/

Much thanks in advance,
Brandon

[FocuxTheme Support]

Hi

Try to Add the following custom CSS to the style.css of your child theme or Appearance > Customize > Custom Code

@media(max-width:767){
  .five-columns.vc_row .vc_col-sm-2{
    width:95%;
    margin:auto;
    float:none;
  }
}

Thanks

[bdendas]

I’m not using a child theme, is this an issue?

[FocuxTheme Support]

No, because I found the following custom CSS

.five-columns.vc_row .vc_col-sm-2 {
    float: left;
    width: 18.8%;
    padding: 0;
    margin-right: 1.5%;
    min-height: 0;
}

I’m not sure whether it was added by you or generated by a plugin. It only defines the desktop version, that’s why I posted the mobile version of the stylesheet

@media(max-width:767){
  .five-columns.vc_row .vc_col-sm-2{
    width:95%;
    margin:auto;
    float:none;
  }
}

[Author]

Posts