swellスマホ下部固定バナーCSS

以下ソースコード

スマホ画面下部に使われるショートコード（ウィジェットに挿入）
ブログパーツを制作

追加CSSにてコードを入力

@media screen and (max-width: 899px) {
body {
padding-bottom: 60px; /* 固定メニューの高さに合わせて余白を設定 */ 
.p-fixBtnWrap {
bottom: 8.5em; /*上に戻るボタンの位置を上に */
	}
.fixed-banner {
display: block;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 99;
background-color: #fff;
padding: .3em .3em;
}
}
@media screen and (min-width: 899px) {
#fixed-banner, #fixed-sidebar-menu {
display: none; /*PCでは非表示にする */
}
}