Padding when sidebar is at bottom

Public Ticket #14102

Padding when sidebar is at bottom

Conversation thread

5against4 replied

6 years ago

Customer Reply

That worked - thanks! (Sorry for the delay - i was travelling abroad)

PenciDesign replied

6 years ago

Staff Reply

Hi,

Please try add more this code to Customize > Custom CSS to reduce it:

@media only screen and (max-width: 960px){
.single .post {
    margin-bottom: 25px;
}
}

Best Regards,

PenciDesign

5against4 replied

6 years ago

Customer Reply

i have added the code, looks the same to me...

PenciDesign replied

6 years ago

Staff Reply

Hi,

I didn't see the code appears on the front-end. Please change it to:

@media only screen and (max-width: 960px){
.container.penci_sidebar #main {    
margin-bottom: 0;
}
}

Save it to I can check it.

Best Regards,

PenciDesign

5against4 replied

6 years ago

Customer Reply

i tried that, but even when setting to 1px the gap is still quite large... (see screenshot)

PenciDesign replied

6 years ago

Staff Reply

Hi,

You can add more this code to Customize > Custom CSS to do that:

@media only screen and (max-width: 960px){
.container.penci_sidebar #main {
    margin-bottom: 20px;
}
}

Change value 20 to value as you want.

Best Regards,

PenciDesign

5against4 started the conversation

6 years ago

Conversation Start

Hi, when a blog post is viewed on mobile, the contents of the sidebar appears at the bottom of the page. How to reduce the padding before it? See screenshot for examples.

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