Remember me

How to set padding = 0 for forms on mobile view?

1 year 3 weeks ago #1

  • Michel Torres's Avatar
  • Michel Torres
  • Posts: 560
Hello,

How to set padding = 0 for forms on mobile view?
I've tried below but doesn't work (on admin yes, but not in the website itself)
@media (max-width: 768px)
.ba-form-page {
padding: 0 !important;
width: 100% !important;
}
The form is in viabilize.app/contrato-plano-de-negocio

Could you please help?

Thank you

1 year 3 weeks ago #2

  • Viacheslav's Avatar
  • Viacheslav
  • Posts: 28858
Hello,
Thank you for contacting us!

You need to use this code
@media (max-width: 768px){
	.ba-form-page {
	  padding: 0 !important;
	  width: 100% !important;
	}
}

Best Regards,
Vyacheslav, Balbooa Support Team

1 year 3 weeks ago #3

  • Michel Torres's Avatar
  • Michel Torres
  • Posts: 560
Hello,

The code is there, in administrator view show padding 0, but when trying on mobile keep the padding in 20 px.
viabilize.app/contrato-plano-de-negocio

Do you have another idea?

Thank you

1 year 2 weeks ago #4

  • Viacheslav's Avatar
  • Viacheslav
  • Posts: 28858
Hello

As we can see, the code works.
Maybe you need to clear the cache


Regards,
Vyacheslav, Balbooa.com

1 year 2 weeks ago #5

  • Michel Torres's Avatar
  • Michel Torres
  • Posts: 560
Hello,

I already cleaned the cache (in Joomla and in the browser).

On the admin view



On website



Any other idea?

Thank you

1 year 2 weeks ago #6

  • Viacheslav's Avatar
  • Viacheslav
  • Posts: 28858
You need to use this code
@media (max-width: 768px){
	.ba-item-forms .ba-form-page {
	  padding: 0 !important;
	  width: 100% !important;
	}
}

Best Regards,
Vyacheslav, Balbooa Support Team

1 year 2 weeks ago #7

  • Michel Torres's Avatar
  • Michel Torres
  • Posts: 560
Now is perfect.
Thank you!

1 year 2 weeks ago #8

  • Viacheslav's Avatar
  • Viacheslav
  • Posts: 28858
You are wecome ;)
Let us know if you need more assistance!

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