Q&A
HTMlも追記ください。また、コードはmarkdownを利用して「```」で囲むか、<code>ボタンで括ってください。
ジェネシスフレームワークのAltitude proというテーマを使用しています。
ヘッダー、フッターの色のデフォルトが黒だったので、以下を追加CSSに書き込み、赤（＃721320）に変えました。
しかし、スマホで見るとヘッダーの色が黒のままでした。
スクロールし始めると赤になるのですが、それでもメニュー（三本線の部分）は黒いままです。
最初に開いた瞬間からヘッダーとメニューの色を赤に変えたいのですが、どこをどのように直せば良いか教えていただけませんか？よろしくお願いします。
（使用PC MacBook Pro）
以下、追加CSSに記載した内容
/*
Site Header
---------------------------------------------------------------------------------------------------- */
/** Inner pages header nav area */
.site-header {
background-color: #721320;
}
/** Border beneath home page navigation. */
.front-page .featured-section .site-header > .wrap {
border-bottom: 1px solid #fff;
}
/** Top bar on home page - After scrolling. */
.site-header.dark {
background-color: #721320;
}
/*
Genesis Nav Menu
---------------------------------------------------------------------------------------------------- /
/* Top navigation drop down buttons. */
.genesis-nav-menu .sub-menu a {
background-color: #721320;
}
/** Top navigation drop down buttons #721320. */
.genesis-nav-menu .sub-menu a:hover,
.genesis-nav-menu .sub-menu li.current-menu-item > a {
background-color: #721320;
}
/*
Pagination
---------------------------------------------------------------------------------------------------- /
/* Inactive pagination buttons. */
.archive-pagination li a {
background-color: #721320;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
color: #fff;
}
/*
Site Footer
---------------------------------------------------------------------------------------------------- /
/* Footer credits and secondary navigation. */
.site-footer {
background-color: #721320;
padding: 20px;
text-align: center;
}
.site-footer,
.site-footer a,
.site-footer p {
color: #fff;
}
/**
eNews Extended
eNews Sidebar Widget & Footer Widget --------------*/
.footer-widgets .enews-widget,
.sidebar .enews-widget {
background: #fff;
color: #000;
padding: 25px;
}
/*------------- eNews After Entry -------------- */
.after-entry .enews-widget {
background-color: #fff;
color: #000;
margin: 0;
padding: 25px;
width: 100%;
}
/* Remove image veils */
.image-section {
background: none;
filter: none;
}
テーマ開発者側にコンタクトは取れないんでしょうか。同じテーマを使って第三者が再現するのかなぁと疑問に思います。
有料テーマの場合、ソースコードが見れないので回答がつきにくいです。
有料テーマのCSS だけの問題であれば、問題の発生している実際のURLを公開しても問題ないのであれば、URLを公開してもらったほうが回答がつきやすいと思います。
https://my.studiopress.com/themes/altitude/
と、
https://www.studiopress.com/theme/altitude-pro/
を見たところ、.site-footer が見当たりませんでした。
.site-header はあったので、背景色の変更が効きました。
また、サブメニューについては、↓のスタイルに詳細度で負けているんだと思います。
.genesis-responsive-menu .genesis-nav-menu .sub-menu a {
background: none;
border-bottom: 1px solid #CFD8DC !important;
}
あなたの回答
tips
プレビュー
