这是我新美食节的测试地点:
http://aksarbenribfest.bugs3.com/public_html/#!/page_home
我设法将首页上的卡通徽标移到更靠近每页顶部的菜单箭头的位置,但无法让其余页面“向上移动”页面。
我想消除列标题(例如“音乐”页面上的星期四、星期五和星期六)与箭头菜单按钮底部之间的差距。
由于我正在修改模板,因此绝对感谢任何其他帮助和提示 - 在我深入了解它之前!
这是我新美食节的测试地点:
http://aksarbenribfest.bugs3.com/public_html/#!/page_home
我设法将首页上的卡通徽标移到更靠近每页顶部的菜单箭头的位置,但无法让其余页面“向上移动”页面。
我想消除列标题(例如“音乐”页面上的星期四、星期五和星期六)与箭头菜单按钮底部之间的差距。
由于我正在修改模板,因此绝对感谢任何其他帮助和提示 - 在我深入了解它之前!
如果我更改top
您部分的样式content
,我认为这可以满足您的要求:
(全尺寸)
问题是这一行的内联样式:
<section id="content" style="top: 210px;">
只需将最高值更改为更小的值。
您在 section 元素上有 CSS,例如:
<section id="content" style="top: 210px;">
尝试将其减少到大约 100 像素。
删除#content > ul > li
top: 75px
然后添加#content #page_home { top: 75px }
您需要更改动态更改内容位置的功能
$(window).resize(function (){
if (content)
content.stop().animate(
{'top':(windowH()-content.height())*.5},
500,'easeOutCubic');
});
在您的 scripts.js 中
现在,它是垂直居中的,尝试计算一个较低的值(可能是最简单的方法是将 0.5 更改为 0.2 无论如何,注意不要在小窗口尺寸中过大