suzu3
フォーラムへの返信
-
投稿者投稿
-
suzu3参加者何度もありがとうございました!
無事表示できました。本当に助かりました。
suzu3参加者ありがとうございます!
バッチリ大きくできました。
助かりました。
suzu3参加者さすがですね。本当にありがとうございます。
Fort IIの方で表示できました!
何度も助けていただきありがとうございます!
感謝です。
suzu3参加者やってみたことをお書きします。
Fort IIで教えていただいた、
下記の記述をFortで追記してみると。
———————————-
/*ロゴの大きさを変更*/
@media (min-width: 992px) {
.navbar-brand img {
max-height: 100px;
}
}/*お問い合わせエリアを上下中央に配置*/
.siteHeader_sub {
float:none;
}
.siteHeadContainer.container .navbar-header {
display:flex;
justify-content:space-between;
align-items: center;
}
———————————-
ロゴと問い合わせが下記のように中央に寄ってしまいます。
参考
https://drive.google.com/file/d/10KgKwfcaBiXa1uEjMC17w4dc6lo_YKkB/view?usp=sharingお手数ですがよろしくお願いいたします。
suzu3参加者
suzu3参加者いろいろ教えていただきありがとうございました。
ですがいろいろやっていたら
Fort IIだとグローバルナビの表示がIEのみおかしかったので、
Fortでの方法をおしえていただけないでしょうか?Fort IIの方法だとロゴと問い合わせの位置が真ん中にきてしまうようで。
お手数ですがよろしくお願いいたします。
suzu3参加者ロゴを
left:-290px;
で動かしたら、スマホサイズの時ロゴが
センターでなくなってしまうのを忘れてました。
それはそうですよね。(^_^;)Htmlもあまり詳しくないので
良い方法があれば教えて下さい。よろしくお願いいたします。
suzu3参加者Fortにフォーマットを変更して
以前質問させてもらった
ものに追記したら一応表示はおもったようになりました。
とりあえずこれでいこうかと思いますが。
もしより良い案があればお願いいたします。よろしくお願いいたします。
.navbar-brand img {
max-height: 80px;
position: relative;
left:-290px;
}.siteHeader_sub {
vertical-align: middle;
float:none;
}
.siteHeadContainer.container .navbar-header {
vertical-align: middle;
display:flex;
justify-content:space-between;
align-items: center;
position: relative;
left:140px;}
suzu3参加者追伸です。
Fortの方なら表示は良いようです。それならFortにフォーマットを変更することもありかなと思います。
その場合はロゴと問い合わせ位置を変更したいです。
ロゴはひだりよりに問い合わせは右に移動できれば、
それはそれで良いかなと思っています。ご教授よろしくお願いいたします。
- この返信は4年、 11ヶ月前にsuzu3が編集しました。
suzu3参加者ありがとうございます!
表示できたようです。
大変助かりました。
suzu3参加者ありがとうございます!
ちょうどFort IIでした。
親切にありがとうございます。
助かりました。 -
投稿者投稿