Prevent Widgets from Overlapping Content

• 

  dickclucas · Member · May 12, 2018 at 11:54 pm

  • Copy link
  • Add topic to favorites

  Hello,

  How can I prevent the widgets on the sidebar from overlapping with my main content?
  On this post for example, if you shrink the browser window, at a certain point the widgets will be begin to overlap. Here is what it looks like.

  Thank you so much, all help is greatly appreciated.

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

• 

  mouli · Staff · May 13, 2018 at 6:57 am

  • Copy link

  Hi
  I think this might do it

  
  @screen and (min-width: 62em){
  .has-sidebar .site-main {
  	width: 66%;
  }
  }

  You will need to add it to the Additional CSS section of the customizer which you can only do on a premium plan.

  I hope that helps.

• 

  dickclucas · Member · May 17, 2018 at 6:39 pm

  • Copy link

  That did it! Thanks so much.