横幅使用SmartBanner停留在网站标题上

问题描述 投票:0回答:2

我正在使用https://github.com/jasny/jquery.smartbanner/移动访问者。不幸的是,它将横幅放在我网站标题的顶部,使徽标,搜索和菜单按钮不可见。

有没有办法让SmartBanner推倒我网站的其余部分?

我的HTML是:

<body>
<div id="page" class="site" data-role="page">
  <!-- header -->
  <header id="masthead" class="site-header" data-role="header" data-position="fixed">
  <div id="view-search" class="view-search ">
    <a href="#"><i class="icon-search"></i></a>
  </div>

我正在使用WPSmart for WordPress插件 - http://wordpress.org/plugins/wpsmart-mobile/

jquery css wordpress jquery-mobile smartbanner
2个回答
0
投票

这是我使用的,它目前对我很有用。显示智能横幅时(js库中的第131行),添加:

$('html').css('position', 'relative');

然后,我们需要做的就是定位智能横幅。转到第136 + 140行并将“top:0”更改为:

top:'-'+ this.origHtmlMargin (this.bannerHeight*this.scale)

0
投票

用在头上

<meta name="smartbanner:disable-positioning" content="true">

在你可以将自己的css中的.smartbanner更改为你想要的位置之后

© www.soinside.com 2019 - 2024. All rights reserved.