Balbooa Help Center: No padding for one section in mobile view (1/1)

6 years 3 days ago #1

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 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
	The administrator has disabled public write access.

6 years 2 days ago #3

Paul Gomirato Posts: 720	Thanks Vyacheslav I added the code to that column but no change. I am viewing on iPhone.
	The administrator has disabled public write access.

6 years 1 day ago #4

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
	The administrator has disabled public write access.