Mobile Experience - How do you get rid of vertical paddings from your desktop version
Hey guys,
I really need your help. I have a problem when I switch from desktop to mobile view.
Scenario on desktop:
[section]
[colomn-left has padding-right of 40px][colum-right]
[/section]
You got a nice gap between your columns so you can distinct better between left and right.
Same Scenario on mobile:
[section]
[colomn left is now above column right and has a padding-right of 40px; the column is not 100% width because of the padding]
[column right is now below column left]
[column right is now below column left]
[/section]
So what basically happens: On mobile you will get columns with awful paddings of 40 px to the right margin of your screen which obviously looks awful because you expect the content to be 100% width.
Please tell me how I can get rid of the columns padding on mobile, preferably with CSS.
I really do not want to rebuild those sections just for mobile.
Thx in advance and best regards,
Richard
Comments
please send us link to page where you got those padding first so we can have a look on it.
You gonna need login credentials because the page is in development right now. Let me know where to send them to. Thx.
Thank you and sorry for the time I robbed from you by not copying your demo paddings.