Remove Padding from all pages

Public Ticket #15382

Conversation thread

Penci Design replied

5 years ago

Staff Reply

Hi,

Sorry about the issue.

Please go to Customizer > Addtional CSS then add custom css to do that

@media screen and (max-width: 768px){
 .site-main {
     padding-left: 0 !important;
     padding-right: 0 !important;
 }
}

Best Regards,

PenciDesign

Dimitris Dagalidis replied

5 years ago

Customer Reply

Sorry maybe missunderstood me.

I don't want to remove all padding from entire theme.

I just want to remove only those two blue background colered space (padding) from left and right of the body of all pages on mobiles as market on those pics attached.

Thanks for your reply and sorry for late reply.

Best Regards,

Dimitris

Penci Design replied

5 years ago

Staff Reply

Hi,

Please go to Customizer > General Options then check "Disable Padding Block & Widget." option

Best Regards,

PenciDesign

Dimitris Dagalidis started the conversation

5 years ago

Conversation Start

How is possible to remove padding (20px) from left and right of all pages, to stretch the body on all mobile devices ?

Look at the attached image.

I made it only for Home page adding the following code..

@media screen and (max-width: 1024px){

.site-main .vc_column_container>.vc_column-inner {
padding-left: 0px;
padding-right: 0px;
}
}

If I add this for all pages it breaks the view...

@media screen and (max-width: 1024px){
.site-main {
padding-left: 0px;
padding-right: 0px;
}
}

Thanks again..

Want to join this conversation or access attachments? Sign in first.