我目前正在开发一个将来会响应的网站。该站点主要由图像组成，单击后这些图像又会加载到 FancyBox 中。FancyBox v2 现在具有响应性，因此当屏幕尺寸发生变化时会重新调整图像大小等。作为我设计的一部分，我有两个固定的横幅出现在页面的顶部和底部，见下图：
默认情况下，FancyBox 周围有一个边距，因此它的样式很好。但是，使用我添加到横幅的固定位置，我需要增加顶部和底部边距。我已经查看了 JS 源代码，但我一生都找不到我应该在哪里添加额外的边距。过渡等有各种各样的边距（我认为这是我感到困惑的地方）。
理论上，我只需要在边距中添加“x”个像素，其中 x 是横幅的高度。顺便说一句，我不确定如何在响应式设计中复制它，因为横幅在移动设备上可能略浅。添加边距意味着图像和横幅之间存在微小间隙，当前图像位于横幅后面。请参阅下图了解我希望它的外观：
我很感激以前做过的任何想法/例子。
在此先感谢，亚当。