Skip to content
Public Ticket #11562

Header Off-Alignment

Conversation thread

sarraherring replied

6 years ago
Customer Reply

Okay, apologies for the misunderstanding.

It seems to be working.

Thank you so much! 

PenciDesign replied

6 years ago
Staff Reply

Hi,

As I said in my previous comment.

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

@media only screen and (min-width: 1170px){
body.single .container-single.container-single-fullwidth {
    max-width: 100%;
}
body.single .container-single.container-single-fullwidth .container {
    max-width: 1020px;
}

I didn't said with you remove your old codesmile.png

Best Regards,

PenciDesign

sarraherring replied

6 years ago
Customer Reply

Hey there,

In a previous post, I asked for help in resizing my blog to 630px wide. They sent me through THIS code:

PenciDesign replied1 week ago on March 11, 2020 at 4:01am

Hi,

Please try add more this code to Customize > Custom CSS to do that:

@media only screen and (min-width: 1170px){
body.single .container-single{ max-width: 1020px; }
body.single .penci-single-style-10 .penci-single-s10-content, body.single .container.penci_sidebar #main{ width: 66.6667%; }
body.single .penci-sidebar-content{ width: 33.3333%; }
}

Best Regards,

PenciDesign

Being that this is why the error has resulted, is there a way to combine both the code above with the code you just sent through to achieve the final goal?

Thank you.

PenciDesign replied

6 years ago
Staff Reply

Hi,

The issue caused by this custom css code:

@media only screen and (min-width: 1170px){
body.single .container-single {
    max-width: 1020px;
}
}

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

@media only screen and (min-width: 1170px){
body.single .container-single.container-single-fullwidth {
    max-width: 100%;
}
body.single .container-single.container-single-fullwidth .container {
    max-width: 1020px;
}
}

Best Regards,

PenciDesign

sarraherring started the conversation

6 years ago
Conversation Start

I have attached an example link, but it's happening with every single post page.

We have set the Single Post Option to "Style 10," and on the editor, all looks fine. However, on the left side, there is no margin or padding at all and we can't seem to figure out the issue to fix it.

Additionally, on full screen, the pink strip does not stretch across the screen as expected.

Please see screen shot attached. 

On mobile size, it's okay.
On tablet size, it's okay.
On desktop, there is no margin.

Thanks!

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

Login to Reply