[tomohanano]

キタジマさん！

ありがとうございます。

以下のコード（Sass）で直下に表示させられました！

.main-visual {
  &::after {
    content: '';
    background-image: url('img/tri.png');
    background-repeat: no-repeat;
    height: (100vw/5);
    width: (100vw/4.1);
    margin: 0 0 0 auto;
  }
}

13インチの画面では、デザイン通り右端に表示されるのですが、それ以上の大きさの画面では写真のように右側にスペースが生まれます。

ここで質問なのですが、このスペースを画面サイズを問わず常に消すためには、メディアクエリで適宜対応する他に効率の良い方法はありませんでしょうか？

♥ 0

いいねをした人: 居ません

[tomohanano]

アクツさま、ありがとうございます。

返信が遅くなってしまい、大変失礼いたしました。

こちらは現在ローカル環境で実験中なのですが、
考え方として、メインビジュアル下の背景画像として設置することも難しいと思われますか？

♥ 0

いいねをした人: 居ません

[tomohanano]

キタジマさま

大変失礼いたしました。
以後、注意徹底いたします。

誠に申し訳ございませんでした。

 

 

サイトのタイトルですが、一発で解決できました！

ありがとうございます。
本当に助かりました。

♥ 0

いいねをした人: 居ません

[tomohanano]

キタジマ様

返信が遅くなってしまい、大変失礼いたしました。

▶画像のアップロード
こちらの環境でも問題なくアップできるようになりました。

▶ヘッダーメニューの件
ご提案いただいたとおりに書き直してみたところ、ローカル環境でもしっかりと表示されました！
的確なアドバイスをいただき、誠にありがとうございます！

♥ 0

いいねをした人: 居ません

[tomohanano]

キタジマさま、ご確認ありがとうございます。

お察しのとおり、僕です（笑）

現在出先なので、帰宅後にスクショなどを送らせていただきますね。

Snow Monkeyについては、レンタルサーバーにて試してみようと思います

現時点では、メニューの表示位置を変えてもずっとドロワーの状態です

ちなみに、これをスマホで表示させてもハンバーガーが表示されず、隠れたままです

いずれにせよ、レンタルサーバーで試してみてから結果をご報告させてください

アドバイスに感謝いたします

ありがとうございます！

♥ 0

いいねをした人: 居ません

[tomohanano]

キタジマ様

ご返信ありがとうございます。

CSSなどは一切なにも書いておらず、今日はじめてインストールしたMAMPを使用し、インストールした直後のSnow MonKeyの使い方を確かめるために、簡単なサンプルサイトでも作ろうと手始めにヘッダーから着手し、ヘッダーレイアウトを変えたらいきなりつまずいた形です。

同じPC/ブラウザで、他のテーマは問題なく動いていますし、僕自身のブログも問題なく編集できます。

ちなみに、ここに画像を添付しようと「画像の挿入/編集」から、Chromeのデベロッパーツールを開いたスクリーンショットを何度選択しても、「ソース」は空欄のままで、まったく画像を貼れそうになかったため、諦めているところでもあります…

♥ 0

いいねをした人: 居ません

[投稿者]

投稿