Adding sidebar widget shifts main content over

• 

  dickclucas · Member · Apr 25, 2018 at 6:29 pm

  • Copy link
  • Add topic to favorites

  Can I add a sidebar widget without shifting my content over? Here is a screenshot of the issue.

  Thanks so much. All help is greatly appreciated.

  The blog I need help with is: (visible only to logged in users)

• 

  fstat · Staff · Apr 26, 2018 at 6:44 am

  • Copy link

  Hi there,

  You can use some CSS code to adjust your main content area. Here’s the code:

  .has-sidebar .site-main{
  max-width:1000px;
  }

  To add the above code follow these instructions:

  https://en.support.wordpress.com/custom-design/editing-css/

  If you have any other questions, just let me know and I’ll be happy to help.

• 

  dickclucas · Member · Apr 26, 2018 at 5:49 pm

  • Copy link

  Thank you fstat, though this did not appear to have any effect. Adding a sidebar widget still shifts the main content over. Any ideas?

• 

  supernovia · Staff · Apr 27, 2018 at 1:35 am

  • Copy link

  Hi @dickclucas, I’ve moved this to the CSS forum for you. I think we might have misunderstood the first request. Maybe this will work?

  @media screen and (min-width: 62em) {
     .has-sidebar .site-main {
        margin: 0 auto;
        max-width: 740px;
     }
     .has-sidebar .site-content .widget-area {
        float: right;
        width: 20%;
     }
  }

  This keeps the content where it was, and it adds just a little bit of a margin for your sidebar so it doesn’t run right into your content.

  If that isn’t what you have in mind, could you maybe sketch up what you’re after?

• 

  dickclucas · Member · Apr 27, 2018 at 9:56 pm

  • Copy link

  This worked, thank you!

• 

  supernovia · Staff · Apr 28, 2018 at 1:33 am

  • Copy link

  Perfect. Have a great weekend!