mobile padding - Forum | JoomShaper
Awaiting an answer SP Page Builder

mobile padding

Asked by Dina Abramson 5 years ago Last activity 5 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

5 replies

Oldest first Newest first Most helpful
Muntasir Sakib Staff
5 years ago

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!

Dina Abramson Asked this
5 years ago

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

Muntasir Sakib Staff
5 years ago

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!

Dina Abramson Asked this
5 years ago

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.

Muntasir Sakib Staff
5 years ago

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!

Log in to reply.