Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

No padding for one section in mobile view

6 years 3 days ago #1

  • Paul Gomirato's Avatar
  • Paul Gomirato
  • Posts: 720
Hopefully last issue for this site :)

I have a section with two columns.

The left column content sits against edge in mobile view (no left/right padding)

The right column is fine (it has no left/right margin or padding added - but flows correctly on phone anyway)
I tried adding left/right padding and margin to the left column BUT it still sits on the edge.

Hoping you can help with this.

I have attached a screen capture


6 years 2 days ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 23004
Hello,

You need add custom class for your column and at the ccs editor add code:
@media (max-width: 768px) {
	.custom-class {
		padding: 50px !important;
	}
}

Regards,
Vyacheslav, Balbooa.com

6 years 2 days ago #3

  • Paul Gomirato's Avatar
  • Paul Gomirato
  • Posts: 720
Thanks Vyacheslav

I added the code to that column but no change.

I am viewing on iPhone.

6 years 1 day ago #4

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 23004
Hello,

For this column you need remove custom class ba-no-padding.


If this not help need at the text editor at source tab all you text put in a div class="custom-padding"


and at the css editor add code:
@media (max-width: 768px) {
	.custom-padding {
		padding: 30px !important;
	}
}

Regards,
Vyacheslav, Balbooa.com
Powered by Kunena Forum