Results Summary Component

Community feedback

• 

  Erik Aakre•230

  @eaakrePosted over 1 year ago

  When inspecting your site when its on a mobile setting, I found the extra space to be on the ".wrapper". On the desktop, it is set to "width: 580px;"

  One of the things that worked for me when looking at the mobile version through the "Inspect" tools was to change your @media settings for the wrapper.

  From this:

  .wrapper{ box-shadow: none; margin: 0; }

  To this:

  .wrapper{ box-shadow: none; width: auto; margin: 0; }

  I don't know if that fixes everything, but it doesn't have the scroll left or right for me anymore.

  Marked as helpful

  0

  ---

  

  Sparks•50

  @csparks78Posted over 1 year ago

  @eaakre Yes, thank you! Itook your recommendations and also changed the widths to 100% and it looks much better!

  0