Multi-Currency Pricing in Gridbox Store App

Multi-Currency Pricing in Gridbox Store App
Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

Change breakpoint for columns

1 week 4 days ago #1

  • Bernhard's Avatar
  • Bernhard
  • Posts: 52
Hi,

Inside a a Yootheme Pro template I do have a Balbooa form with radio and checkboxes in 3 columns. On small screens the columns get stacked, which is nice. - What I need is to change the breakpoint, when the columns change to stacked view. - How could I achieve this?

Thanks for a hint.

Kind regards,
Bernhard

1 week 3 days ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 23986
Hello,
Thank you for contacting us

You can change the media query in file ba-style.css
(components/com_baforms/assets/css/ba-style.css)

below line 4690

But after the update, all changes will be lost


Best Regards,
Vyacheslav, Balbooa Support Team

1 week 3 days ago #3

  • Bernhard's Avatar
  • Bernhard
  • Posts: 52
Hi Vyacheslav,

thanks very much for your response and hint. I could fix it by adding this into the form's CSS section:
@media (max-width: 1100px){
    .ba-form-field-item .ba-form-checkbox-wrapper {
        width: 50%;
    }
}
@media (max-width: 780px){
    .ba-form-field-item .ba-form-checkbox-wrapper {
        width: 100%;
    }
}

Best,

Bernhard

1 week 3 days ago #4

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 23986
Let us know if you need more assistance!

Best Regards,
Vyacheslav, Balbooa Support Team
Powered by Kunena Forum