編集ページを開いているときのみプロジェクトタイトルをナビバーに移動する

編集ページを開いているときのみプロジェクトタイトルをナビバーに移動する

プロジェクトタイトルをナビバーに移動

code:style.css

.quick-launch .project-home {

position: fixed;

top: -2px;

left: 20px;

z-index: 1000;

}

@media screen and (max-width: 767px) {

.quick-launch .project-home {

/* left: calc((100% - 1080px)/2); */

left: 35px;

}

}

@media screen and (min-width: 768px) and (max-width: 991px) {

.quick-launch .project-home {

left: 50px;

}

}

@media screen and (min-width: 992px) and (max-width: 1260px) {

.quick-launch .project-home {

left: 65px;

}

}

@media screen and (min-width: 1261px) {

.quick-launch .project-home {

left: calc((100% - 1280px)/2 + 75px)

}

}

トップページのプロジェクトタイトルとページリストの間隔を広げる

code:style.css

.page-list {

margin-top: 4em;

}

トップページだけはプロジェクトタイトルを移動せず、大きなフォントにする

code:style.css

.quick-launch.layout-list .project-home {

font-size: 1.8em;

position: initial;

z-index: initial;

color: var(--tool-text-color);

}

出典：

https://gyazo.com/1f5f5a467b41d4dbf349af5ea8f26375