Blog is seen differently through different computers

• 

  joelroher · Member · May 29, 2015 at 5:03 am

  • Copy link
  • Add topic to favorites

  Our blog has tremendous differences when viewed through different computers.

  On one computer there seems to be a thick white line through the left hand side of the screen, Changes made to the text do not show, and spacing is different.

  We are seeing two different things through two different computers.

  Any idea why this might be happening

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

• 

  alexjgustafson · Member · May 29, 2015 at 4:09 pm

  • Copy link

  Simply put, different web browsers handle some things differently.

  If you visit http://caniuse.com/ you can see a lot of features are possible in one browser, but not another.

  Now in your case I see the white bar on Firefox, but not on Chrome or Safari. This is because a CSS properties for handling overflow has different defaults in Chrome and in Firefox.

  Something in your Custom CSS is making elements in that left pane overflow past where they would normally allowed. Chrome just displays the overflow, but Firefox adds a scroll bar.

  Except it looks just like a bar because there’s nothing to scroll really.

  Add this CSS to remove the bar:

  .site-header{
       overflow-y: visible;
  }

  What text changes are not taking place and in what browser?