スマートフォンのメニュー３本線≡ （ハンバーガーメニュー）を「メニュー」などの文字に変更したい

[gaaf]

GRAPHIEを使用しております。
http://gaaf-yasui.com/

過去のトピックスなども参照にしながら
「スマートフォンのメニュー３本線≡ （ハンバーガーメニュー）を「メニュー」などの文字に変更したい」
と思い試行錯誤しております。
要素を検証しますと

<span>Menu</span>

と出ましたので
オリジナルスタイルシート設定で

　　}
　　/* ハンバーガーメニュー変更 */
　　#icon-spaced-menu: {
color: #006600;
font-size:12px;
font-weight:bold;
content: “メニュー”;
padding-left: 3px;
padding-right: 3px;
padding-top: 16px;
padding-bottom: 16px;
　 }

と記述いたしましたが上手くいきません。

ハンバーガーメニューは見た目はシンプルでかっこいいのですが、当方のお客様からは「メニューの位置がわからない」というお話を多々聞くので変更しようと思っております。
記述方法がおかしいのかCSSだけでは出来ないのかもしれませんがサポートしていただけると嬉しいです。

[DigiPress サポート]

訂正致します。

#icon-spaced-menu: {ではなく、
.sl-menu-btn:before に対してスタイリングしてください。

#icon-spaced-menu というIDは存在せず、.icon-spaced-menu というセレクタ自体がアイコン()を指しています。

[gaaf]

返信ありがとうございます。
}
　　/* ハンバーガーメニュー変更 */
　　.sl-menu-btn:before {
color: #660000;
text-align:center;
font-size: 12px;
content: “MENU”;
}

をオリジナルスタイルシート設定に記述しましたが変わりません。
よろしければ記述例教えていただければ幸いです。

[DigiPress サポート]

最初の括弧( } )は何でしょうか。

CSS自体についての具体的なサポートは応じかねますが、閉じる括弧( } )から定義が始まっており、書式に誤りがあります。

[gaaf]

最初の }はコピペのミスです。
サポートなしの件了解です。自力でやってみます。

[kzcreate]

同じ問題に直面しています。

結局は下記でいいということですか？
/* ハンバーガーメニュー変更 */
　　.sl-menu-btn:before {
color: #660000;
text-align:center;
font-size: 12px;
content: “MENU”;
}

[gaaf]

やり方はもしかしたらあるかもしれませんがオリジナルスタイルシート設定から上記の記述ではできませんでした。
ですのでまた解決してません。

[DigiPress サポート]

ブラウザのインスペクターで指定してみましたが、反映されます。

お客様が指定されたオリジナルスタイルシートのセレクタに誤りがあるか、値に何か問題があるのではないでしょうか。

添付ファイル:

添付ファイルを開くにはログインしてください。

[DigiPress サポート]

本件、個別のCSSカスタマイズの要件ですので、これ以上のサポートをご依頼される場合は有償サポートをご検討ください。

[gaaf]

わかりました。やってみます。

[kzcreate]

有償サポートはどれくらいでやって頂けるのでしょうか？

[gaaf]

出来ました。

一番最初に書いた
2015/09/11 – 5:23 PM
/* ハンバーガーメニュー変更 */
　　.sl-menu-btn:before {
color: #660000;
text-align:center;
font-size: 12px;
content: “MENU”;
}

の
content: “MENU”;
がダブルクォーテーションが全角になってるのでこれを半角にして更に

.sl-menu-btn:before {
color: #660000;
font-size: 12px;
content: “MENU”;
line-height: 54px
}

と記述しました。

ひとつお聞きしたいのですが
オリジナルスタイルシートってスマートフォン用に反映されるようになってますか？

いろいろ試しましたが反映されませんでしたのでFTPソフトを使ってサーバーから直接モバイル用のCSSをダウンロードして
モバイル用のスタイルシートの最後に上記の
.sl-menu-btn:before {
color: #660000;
font-size: 12px;
content: “MENU”;
line-height: 54px
}
を一番最後に記述しアップロードしたところ反映されました。

正直なところを話すると少々不親切なサポートだと感じました。
やっぱり

「出来い人は出来ないことを有償で！」

というのはビジネスだとは重々分かりますが、
今回の場合ですと
「サポート外で自己責任にはなりますがFTPソフトで直接CSSに書き込んでください」
や
「全角と半角が間違ってます」
というようなサポートが欲しかったです。（２行で済むので）

ましてや僕自身趣味サイトでもなくお店のHPとして利用しておりこのテンプレートがどんな人物が使用しているのかもわかるのですから

販売店とお客の関係からすると

「テンプレートをご購入頂きありがとうございます」

のような言葉ぐらいあっても良いんじゃないかなというのが本音です。
このフォーラムをみてるとその類いの言葉が一つもないので気にはなっていました。

限られた人しかみれない会員サイトなんでしょうがないんですかね、、、。

そちらからプラグインの販売のメールなんかも多々届きます。

知識も素晴らしいですし、商品も素晴らしいです。

ですのでより人間味溢れたサポート対応（ビジネスが成り立つ範囲での）があればより沢山のファンがつくのではないでしょうか？
長文失礼しました。

添付ファイル:

添付ファイルを開くにはログインしてください。

[kzcreate]

素人なのでまだできてないです…

結局どれをコピペすればいいのでしょうか？こんがらがってわけわかめです(;・∀・)

[投稿者]

投稿