배너가 스마트 배너를 사용하여 사이트 헤더 위에 남습니다.

모바일 방문자에게 https://github.com/jasny/jquery.smartbanner/을 사용 중입니다. 불행히도, 로고, 검색 및 메뉴 버튼이 보이지 않도록 내 사이트 헤더의 상단에 배너를 배치합니다.배너가 스마트 배너를 사용하여 사이트 헤더 위에 남습니다.

스마트 배너가 내 사이트의 나머지 부분을 푸시 다운시킬 수있는 방법이 있습니까?

내 HTML이다 : 나는 워드 프레스 플러그인 WPSmart을 사용하고

<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>

-http://wordpress.org/plugins/wpsmart-mobile/.

출처

2014-04-07 checklist

고정 위치가있는 헤더는'top : -1px'가'.ui-header-fixed {top : 40px! important; }'또는 원하는 모든 값. – Omar

이것은 내가 사용했던 것과 현재 저에게 큰 도움이됩니다. 스마트 배너가 표시되면 (js 라이브러리의 131 번 줄) 다음을 추가하십시오.

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

그런 다음 스마트 배너를 배치하기 만하면됩니다. 136 + 140 및 변경 라인으로 이동 "정상 : 0"에 :

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

출처

2014-10-16 22:38:39

이 방법이 효과가 있다면 답을 표시하십시오. –

사용 머리

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

에 당신은 당신이

을 원하는 위치로 자신의 CSS에 .smartbanner을 변경할 수 있습니다 후

출처

2018-01-03 11:00:28

배너가 스마트 배너를 사용하여 사이트 헤더 위에 남습니다.

답변

관련 문제