Hallo Zusammen,
ich arbeite gerade an einem Projekt (http://www.quality-lifestyle.de) welches ich mit Wordpress erstelle.
Leider verhält sich die Menüleiste beim Start anders als die Menüleiste, die dann beim Runterscrollen mitgleited: In der mitgehenden Menüleiste ist die ausgewählte Seite blau unterstrichen und bei einem Mouseover auf einen anderen Menüpunkt wird dieser Menüpunkt auch blau und unterstrichen, in der Hauptleiste passiert das leider nicht und der blaue Unterstich fehlt.
Vor paar Tagen hat das funktioniert, leider ist mir nicht klar an welcher Stelle ich das zerschossen habe.
Die Seite basiert auf BeTheme.
Über Hilfe bin ich sehr dankbar!
Freundlcihe Grüße!
Anbei noch mein Custom css Code, möglicherweise hat das damit was zu tun, weil ich irgendwas gelöscht oder hinzugefügt hab:
CSS
h2 { font-weight: 900; letter-spacing: 5px; }
h3 { font-weight: 900; letter-spacing: 5px; }
h4 { font-weight: 400; letter-spacing: 5px; }
p, .icon_box .desc_wrapper .desc { font-style: italic; }
#Top_bar .menu > li > a span:not(.description) { border-right-width: 0; letter-spacing: 2px; }
@media only screen and (min-width: 768px) {
.header-split #Top_bar:not(.is-sticky) {
background-color: rgba(255,255,255,10);
position: absolute;
border-bottom: 1px solid rgba(255,255,255,0.2);
top: 0;
text-decoration: underline;
}
}
#Top_bar.is-sticky { height: 100px; }
#Top_bar.is-sticky .menu > li > a, #Top_bar.is-sticky .menu > li > a span { line-height: 60px; }
#Top_bar.is-sticky #logo { padding: 12px 0; }
#Top_bar.is-sticky #logo img { max-height: 60px; }
/* Subheader */
#Subheader { padding: 30px 0 0; text-align: center; line-height: 0; }
#Subheader:after { display: none; }
#Subheader .title { display: inline-block; background: #fff; float: none; width: auto !important; padding: 20px 30px; font-weight: 700; letter-spacing: 3px; }
/* HR blau*/
.massage_hr { display: block; margin-bottom: 30px; margin-top: 10px; width: 90px; height: 2px; background: #004CA0; clear: both; margin: auto;}
.massage_hr_right { margin: auto; }
/* HR gruen*/
.massage_hr_g { display: block; margin-bottom: 30px; margin-top: 10px; width: 90px; height: 2px; background: #476702; clear: both; margin: auto;}
.massage_hr_right_g { margin: auto; }
/* HR rot*/
.massage_hr_r { display: block; margin-bottom: 30px; margin-top: 10px; width: 90px; height: 2px; background: #94000e; clear: both; margin: auto;}
.massage_hr_right_r { margin: auto; }
/* Icon box */
.icon_box .desc_wrapper .desc { padding: 0 7%; color: #a1a1a1 !important; }
/* Column box */
.column .desc_wrapper .desc { padding: 0 7%; color: #a1a1a1 !important; }
/* Button */
a.button { border-radius: 0; background-image: none; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }
a.button .button_label { font-weight: 700; letter-spacing: 2px; }
.button-margin-0 { line-height: 0; }
.button-margin-0 a.button { margin: 0; }
/* Read more */
a.read_more { background: url("http://www.quality-lifestyle.de/wp-content/uploads/2015/05/home_massage_arrow_right.png") no-repeat scroll right 2px rgba(0, 0, 0, 0); font-family: Lato; font-weight: 900; letter-spacing: 2px; padding-right: 45px; }
a:hover.read_more { text-decoration: none; }
/* Article box */
.article_box .photo_wrapper { width: 43%; }
.article_box .desc_wrapper { width: 57%; background-color: #f8f7f5; padding: 13px 15px; }
.article_box .desc_wrapper p { border: 0; font-size: 12px; }
.article_box .desc_wrapper p:after { content: ""; display: block; width: 90px; height: 2px; background: #b19c73; margin-top: 10px; }
.article_box .desc_wrapper h4 { font-size: 18px; line-height: 25px; font-weight: 900; letter-spacing: 3px; }
.article_box .desc_wrapper i.icon-right-open { font-size: 20px; left: -10px; }
/* Pricing box */
.pricing-box .plan-header h2 { font-weight: 300; }
.pricing-box .plan-inside { padding: 30px; }
/* Footer */
#Footer .widgets_wrapper { padding: 10px 0 10px; }
.entry a, .entry a:link {
font-weight: bold;
padding: 0;
text-align:center;
}
/* Individuelle Menüs */
.menu li {
text-align:center;
}
.side-by-side { float: left; margin-right: 5px }
h8 { color: #94000e;}
h9 { color: #476702;)
h10 { color: #ffffff;)