eventbrite sidebar width

• 

  jennaltman · Member · Oct 13, 2013 at 4:40 pm

  • Copy link
  • Add topic to favorites

  I’d like to make the sidebar on my Eventbrite Single Event blog narrower, so that the blog space is wider. How do I do that?

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

• 

  thesacredpath · Member · Oct 13, 2013 at 10:15 pm

  • Copy link

  This is a tricky theme to narrow the sidebar on because there are three different conditions (browser window widths) that trigger changers in the sidebar width and layout so that it looks good on all types of devices. Actually there are more than three, but only three that we are concerned with (the three before the sidebar drops down below the content).

  Give the following a try and see what you think.

  @media (min-width: 980px) {
  .main-container .container:after {
  left: 70%;
  }
  
  .span4 {
  width: 230px !important;
  }
  
  .span8 {
  width: 670px;
  }
  
  .sidebar {
  padding-right: 20px;
  }
  }
  
  @media (min-width: 1200px) {
  .main-container .container:after {
  left: 77%;
  }
  
  .span4 {
  width: 230px;
  }
  
  .span8 {
  width: 910px;
  }
  
  .sidebar {
  padding-right: 20px;
  }
  }

• 

  jennaltman · Member · Oct 14, 2013 at 5:38 am

  • Copy link

  Totally and completely awesome! THANK YOU!!!

• 

  thesacredpath · Member · Oct 14, 2013 at 1:47 pm

  • Copy link

  You are welcome.