徽标顶部的导航栏图层

Question

我正在处理一个实时的模型页面，但是在徽标图像顶部显示导航栏时出现问题。我已经研究了答案并尝试了它们但没有按预期工作。如何修复它以使导航不在徽标顶部分层？我还想在移动尺寸时将导航调整到页面顶部，徽标变得隐藏或者在移动尺寸的导航栏上显示徽标。这还需要媒体查询断点来平滑桌面到移动设备的过渡。我是一种新的引导程序。任何帮助表示赞赏。感谢

link to image mockup
link to live webpage mockup
link to css override

Answer 1

查看实时网页样机链接，您有

.navbar-fixed-bottom, 
.navbar-fixed-top {
 position: fixed; 
 right: 0;
 left: 0;
 z-index: 1030;
}

z-index与所有元素重叠。

添加

position: relative; 
z-index: 99999;

到您的.row-img班级