How can I remove the space/padding between columns on mobile devices - Support

Viewing 17 posts - 1 through 17 (of 17 total)

Author

Posts
July 5, 2017 at 10:11 pm #816900
Liam
Participant
Hi

How can I remove the space/padding between columns on mobile devices?

I have select 0px but on mobile devices still a bit extra padding.

I have found so many forms already and tried but no luck.

Thank you indeeed.
- This topic was modified 7 years, 5 months ago by Liam.
July 6, 2017 at 12:40 am #816955

Jordan Shannon
Inactive Moderator

Hey hamidgol,

Please provide a link to the site/page in question so we can look into this issue further.

Best regards,
Jordan Shannon

July 6, 2017 at 12:43 am #816956

Liam
Participant

Thank you, Mr Jordan

Here is the link: http://havazi.co.uk/personal-training/#1

July 6, 2017 at 12:59 am #816960

Jordan Shannon
Inactive Moderator

Hi,

A password is required to view the page. Same issue as your other thread.

Best regards,
Jordan Shannon

July 6, 2017 at 1:01 am #816961
Liam
Participant
I have removed the password also as private send you the password.
Because it is not ready so I don’t want to be public the page.
- This reply was modified 7 years, 5 months ago by Liam.
July 6, 2017 at 1:03 am #816966

Liam
Participant

Both threads are on the same page, therefore, you can use the same password.

July 6, 2017 at 1:37 am #816972

Jordan Shannon
Inactive Moderator

Hi,

I see. So you want to remove/reduce the top and bottom spacing between sections I assume?

Best regards,
Jordan Shannon

July 6, 2017 at 1:38 am #816974

Liam
Participant

Yes indeed dear

July 6, 2017 at 1:48 am #816976
Jordan Shannon
Inactive Moderator
Hi,

Try adding the following to quick css:
```
@media only screen and (max-width: 1024px)  {
.avia-section-large .content{
    padding-top: 0px!important; 
    padding-bottom: 0px!important; 
}

.template-page.content{
   padding-top: 15px!important; 
   padding-bottom: 15px!important; 
}
}
```
Adjust the numbers however you need them.

Best regards,
Jordan Shannon
July 6, 2017 at 1:58 am #816980

Liam
Participant

First of all, thank you for time mate!

I am afraid it is not removing the space between columns – it is adjusting the top and bottom padding in anther content.

If you are able to see this link on mobile: http://havazi.co.uk/personal-training/#2

but no effect on this link http://havazi.co.uk/personal-training/#1

Thank you very very much!

July 6, 2017 at 1:59 am #816982

Jordan Shannon
Inactive Moderator

Hi,

No problem at all. Please screenshot the exact areas you need fixed.

Best regards,
Jordan Shannon

July 6, 2017 at 2:07 am #816983

Liam
Participant

How can I upload the screenshot?

July 6, 2017 at 3:00 am #816992

Jordan Shannon
Inactive Moderator

Hi,

You can use an online service like this: https://snag.gy/

Best regards,
Jordan Shannon

July 6, 2017 at 3:06 am #816994

Liam
Participant

Here is the link for screenshot: https://monosnap.com/file/90NmFygghGcoPl9Sz575LDETig6qIz

July 6, 2017 at 4:06 am #816999
Jordan Shannon
Inactive Moderator
Hi,

Add the following to quick css:
```
@media only screen and (max-width: 767px)  {

.responsive #top #wrap_all .flex_column{
margin-bottom:0px!important;
}

.avia_textblock ul{
margin-bottom:0px!important;
}

}
```
Best regards,
Jordan Shannon
July 6, 2017 at 4:09 am #817001

Liam
Participant

Thank you so much, Mr Jordan Shannon. DONE!

July 6, 2017 at 4:27 am #817009

Jordan Shannon
Inactive Moderator

Hi,

Great, I’m glad I could help. If you need anything else please let us know here in the forums.

Best regards,
Jordan Shannon
Author

Posts

Viewing 17 posts - 1 through 17 (of 17 total)

The topic ‘How can I remove the space/padding between columns on mobile devices’ is closed to new replies.