Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2332264
Header Off-Alignment
Closed

Comments

  • sarraherring started the conversation
    March 19, 2020 at 4:54pm

    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!

  •  2,701
    PenciDesign replied
    March 20, 2020 at 4:04am

    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 replied
    March 20, 2020 at 3:25pm

    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.


  •  2,701
    PenciDesign replied
    March 21, 2020 at 2:29am

    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
    March 21, 2020 at 6:10am

    Okay, apologies for the misunderstanding.


    It seems to be working.

    Thank you so much!