Html 如何消除响应导航栏上的溢出？

我的导航栏有问题。我正在使用引导程序来响应导航栏，但它在我的站点的移动版本上溢出。我在body上使用了overflow-x:hidden，它解决了较大版本的问题，但移动版本没有。我已经检查了导航栏中所有元素的边距/填充问题，但似乎没有找到问题。如果您查看的图像小于500像素，您可以在www.tcbarringerphotography.com的右侧看到该问题。有什么想法吗？

您的问题在于页脚中使用的两个类的宽度

• 社交媒体
• 博客文章链接

在媒体屏幕最大宽度为576px时，将宽度减少到90%

  @media only screen and (max-width: 576px) {
   .social-media {
       width: 90%;
    }
   .blog-posts-links {
       width: 90%;
   }
 }

---

如果有效，请标记为答案谢谢；-）

您好，欢迎来到stack overflow，请提供更多信息，如您的问题的屏幕截图，理想情况下您可以使用via js fiddle..都德！非常感谢。你怎么这么快就明白了？！我从来没有想到页脚中会有什么问题……这是我的荣幸@Rusttune，我很高兴它能很好地编码。

  @media only screen and (max-width: 576px) {
   .social-media {
       width: 90%;
    }
   .blog-posts-links {
       width: 90%;
   }
 }