关闭分歧之间的差距

Question

这是我的新食品节的测试网站：

http://aksarbenribfest.bugs3.com/public_html/#!/page_home

我设法将首页上的卡通徽标移动到每页顶部的菜单箭头附近，但无法让其余页面“向上移动”页面。

我希望消除列标题（周四，周五和周六，例如“音乐”页面）和箭头菜单按钮底部之间的差距。

由于我正在修改模板，所以任何其他帮助和提示都绝对值得赞赏 - 在我进入太远之前！

Answer 1

如果我更改了top部分的content样式，我认为这样可以实现您的目标：

（Full size）

Answer 2

问题是这一行的内联风格：

  <section id="content" style="top: 210px;">

只需将top-value更改为更小的值。

Answer 3

你有一个截面元素的CSS，如：

 <section id="content" style="top: 210px;">

尝试将其减少到大约100px。

Answer 4

从#content > ul > li top: 75px删除 然后添加#content #page_home { top: 75px }

Answer 5

你需要改变在内容上改变内容位置的功能

$(window).resize(function (){
    if (content)
        content.stop().animate(
           {'top':(windowH()-content.height())*.5},
           500,'easeOutCubic');
});

你的scripts.js中的

现在，它是垂直居中的，尝试计算一个较低的值（可能是最简单的方法是改变.5来说.2 无论如何，小心不要在小窗口尺寸上过高