Padding is not applying to Mainsidebar

Soul Accessory replied

6 years ago

Customer Reply

Thank you. This piece of code worked for me!!!!!!

PenciDesign replied

6 years ago

Staff Reply

Hi,

Please try again with this code:

@media only screen and (min-width: 1170px){
    .container{
        width: calc(100% - 60px);
        margin-left: 30px;
        margin-right: 30px;
    }
}

Best Regards,

PenciDesign

Soul Accessory started the conversation

6 years ago

Conversation Start

Hi, i am trying to add 30px padding to my entire website content. Unfortunately, the padding-right:30px; is not applying to Mainsidebar. I am using this below piece of code to add padding

@media only screen and (min-width: 1170px){
.container {
width: 1400px;
padding-left:30px;
padding-right:30px;
}
.container.penci_sidebar{ padding-right: 30px; }

}

However i am getting the result as attached in the below screenshot.

Also when i zoom browser, the entire alignment is misplacing.

Kindly guide me for these two issues.