Mobile Padding - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Mobile Padding

DA

Dina Abramson

SP Page Builder 4 years ago

For mobile devices, how do I reduce the padding / space shown by the red circles in the attached image? I haven't been able to locate the CSS code for it.

https://spacewaxrecords.com/images/padding.png

Also, how do I have the account module icons and the message about Canadian Dollars (show by the arrors) stay within the header area. Right now they flow down below into the page.

Thanks

0
5 Answers
Muntasir Sakib
Muntasir Sakib
Accepted Answer
Support Agent 4 years ago #30912

Hello there,

Please add this code into the custom CSS section for showing all within the header area.

h4{
margin-top: -60px !important;
}

About the extra space, you have added padding in every row. Look at the screenshot here. Please remove the bottom padding from the rows and the space will be reduced automatically.

Thanks!

0
DA
Dina Abramson
Accepted Answer
4 years ago #30982

When you say "About the extra space, you have added padding in every row."

Where did I add it? I cannot see anyplace where the spacing has been changed to 30px

Thanks

0
Muntasir Sakib
Muntasir Sakib
Accepted Answer
Support Agent 4 years ago #31142

Hello Dina,

Please see the screenshot 1 and screenshot 2. These are the extra spaces added in the rows.

I hope you can understand now.

Thanks!

0
DA
Dina Abramson
Accepted Answer
4 years ago #31373

I see what you are referring to in the CSS but I cannot find where the code is in the website. I have tried to locate it but cannot find it to change il.

Please let me know where I can find it.

0
Muntasir Sakib
Muntasir Sakib
Accepted Answer
Support Agent 4 years ago #31429

Hello there,

It should be inside Row settings > Style > Padding like shown in the screenshot. Change the paddings and it will reduce the space accordingly.

Thanks!

0