Siriusで作ったサイトのh1テキストについて質問させて下さい。

h1を非表示の設定するとパソコンでは反映されるのですが、
スマホで見ると画面最上部ヘッダーの真上にサイトタイトルが
表示されてしまいます。

カラーコードを透明にする方法も試しましたが反映されるのは
パソコンだけで、スマホで見ると表示されてしまいます。

また、テキストだけでなく、バーも消したいです。

（テンプレートがオレンジなので、オレンジ色のバーの上にタイトルが
表示されている状態です。）

バーの画像を消してみたり、色々と試しましたが何をしても
表示されています。

非表示の仕方を教えて頂けると助かります。
よろしくお願いします。


SK様よりのお便り

---

SK様

当サイトのご利用ありがとうございます


質問の内容なのですが、テンプレートの種類が不明

さらに、今どきですのでアイフィン設定をしているかと思われますが
詳細が不明で、正確なご返事ができないかもしれません


しかし、今どき　たぶん、デフォルトではないだろう

レスポンシブかもしれないとは、いささか不安はあるものの
アイフォン設定しているだろうと解釈してご返事をします



h1をパソコンで非表示にするのはできているのですね

でも、それはパソコン画面での設定なのですね

スマホで非表示にするなら、スマホ用iphone設定用のスタイルシートで
非表示の設定をしなければなりません


h1テキストを非表示にする手順

シリウスサイトをiphone設定しているなら

管理画面の上のテンプレートメニューをクリック

その中のiphoneサイトスタイルシート編集を選択します


このメニューは
iphone設定していなければ、見ることはできないです




次に、iphoneサイトスタイルシートが表示されます


その中の199番　多少のずれはあるかも？


以下の項目がありますので

display: none;を追加してください



h1 {
font-size:14px;
color:#FFF;
line-height:24px;
padding:3px 5px;
background-repeat:repeat-x;
background-image:url(./img/h1.gif);
text-align:center;
text-shadow:3px 3px 3px #333;
background-color:#E88218;

display: none;　ここ追加　日本語は削除してください
}

で、h1は非表示になるはず

グローバルバーを非表示にする手順

578番付近

以下の箇所にdisplay: none;追記して下さい


#topmenu {
background-image: url(img/topmenu-bg.jpg);
background-repeat: repeat-x;
background-position: left top;
width: 100%;
height: 42px;
margin: 0 auto 0 auto;
text-align: center;
overflow: hidden;
display: none;　ここ追加　日本語は削除してください
}

#topmenu span {
width: 100%;
margin: 0 auto 0 auto;
padding: 8px 20px 10px 20px;
text-align: center;
color: #FFF;
line-height: 42px;
font-weight: 800;
border-left: solid 1px #ededed;
display: none;　ここ追加　日本語は削除してください

}

で、バーは消えます


追加したら保存して下さい

アップロードも続けて....くださいね


コードの意味
display: none;

ｃｓｓで表示を指示するコードは、
display: block;　ですが、その逆を指定する場合に使う
私などシリウス以外でもよく使うコードで、覚えておくと便利です


私は、返信のメール前に、一度指定を検証

スマホでh1の非表示は確認済です

が、書き換え後すぐにアップしてスマホで見ても変化なしの過去歴が、
表示されるかもしれませんので、その際は履歴更新してください



推測でご返事いたしましたが、外れていましたら再度連絡願います

では失礼します

---

スポンサーリンク




記事や画像をスマホやＰＣサイトで切り替えることは出来ませんか？
シリウスカスタマイズサポートフォーラム一覧
シリウスカスタマイズサポートフォーラム
シリウスカスタマイズ