fixed woocommerce toggle with adminbar and marketing bar present

This commit is contained in:
Maggie Cabrera 2020-12-17 10:33:59 +01:00
parent 586b6e242b
commit 4f92864c65
15 changed files with 57 additions and 6 deletions

View file

@ -4536,18 +4536,21 @@ body:not(.fse-enabled) #masthead {
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 45px;
}
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 61px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation > div {
top: 46px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 64px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 91px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 107px;
}

View file

@ -4565,18 +4565,21 @@ body:not(.fse-enabled) #masthead {
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 45px;
}
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 61px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation > div {
top: 46px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 64px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 91px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 107px;
}

View file

@ -4481,18 +4481,21 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 45px;
}
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 61px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation > div {
top: 46px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 64px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 91px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 107px;
}

View file

@ -4510,18 +4510,21 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 45px;
}
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 61px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation > div {
top: 46px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 64px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 91px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 107px;
}

View file

@ -4358,18 +4358,21 @@ a {
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 45px;
}
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 61px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation > div {
top: 46px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 64px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 91px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 107px;
}

View file

@ -4387,18 +4387,21 @@ a {
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 45px;
}
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 61px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation > div {
top: 46px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 64px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 91px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 107px;
}

View file

@ -4558,18 +4558,21 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 45px;
}
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 61px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation > div {
top: 46px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 64px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 91px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 107px;
}

View file

@ -4587,18 +4587,21 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 45px;
}
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 61px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation > div {
top: 46px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 64px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 91px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 107px;
}

View file

@ -4387,18 +4387,21 @@ strong {
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 45px;
}
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 61px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation > div {
top: 46px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 64px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 91px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 107px;
}

View file

@ -4416,18 +4416,21 @@ strong {
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 45px;
}
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 61px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation > div {
top: 46px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 64px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 91px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 107px;
}

View file

@ -4651,18 +4651,21 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 45px;
}
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 61px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation > div {
top: 46px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 64px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 91px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 107px;
}

View file

@ -4680,18 +4680,21 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 45px;
}
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 61px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation > div {
top: 46px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 64px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 91px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 107px;
}

View file

@ -4514,18 +4514,21 @@ p:not(.site-title) a:hover {
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 45px;
}
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 61px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation > div {
top: 46px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 64px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 91px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 107px;
}

View file

@ -4543,18 +4543,21 @@ p:not(.site-title) a:hover {
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 45px;
}
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 61px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation > div {
top: 46px;
}
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 64px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation > div {
top: 91px;
}
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #woocommerce-toggle:checked + label,
.mobile-nav-side.admin-bar.has-marketing-bar .site-header #site-navigation.main-navigation #toggle:checked + label {
top: 107px;
}

View file

@ -117,8 +117,11 @@ $wpadmin-bar--height: 46px;
.site-header #site-navigation.main-navigation > div{
top: $wpcom-marketing-bar--height;
}
.site-header #site-navigation.main-navigation #toggle:checked + label {
top: (2 * $baseline-unit) + $wpcom-marketing-bar--height;
.site-header #site-navigation.main-navigation {
#woocommerce-toggle:checked + label,
#toggle:checked + label {
top: (2 * $baseline-unit) + $wpcom-marketing-bar--height;
}
}
}
@ -127,8 +130,11 @@ $wpadmin-bar--height: 46px;
.site-header #site-navigation.main-navigation > div{
top: $wpadmin-bar--height;
}
.site-header #site-navigation.main-navigation #toggle:checked + label {
top: (2 * $baseline-unit) + $wpadmin-bar--height + 2;
.site-header #site-navigation.main-navigation {
#woocommerce-toggle:checked + label,
#toggle:checked + label {
top: (2 * $baseline-unit) + $wpadmin-bar--height + 2;
}
}
}
@ -137,8 +143,11 @@ $wpadmin-bar--height: 46px;
.site-header #site-navigation.main-navigation > div {
top: $wpadmin-bar--height + $wpcom-marketing-bar--height;
}
.site-header #site-navigation.main-navigation #toggle:checked + label {
top: (2 * $baseline-unit) + $wpadmin-bar--height + $wpcom-marketing-bar--height;
.site-header #site-navigation.main-navigation {
#woocommerce-toggle:checked + label,
#toggle:checked + label {
top: (2 * $baseline-unit) + $wpadmin-bar--height + $wpcom-marketing-bar--height;
}
}
}
}