fixed woocommerce toggle with adminbar and marketing bar present
This commit is contained in:
parent
586b6e242b
commit
4f92864c65
15 changed files with 57 additions and 6 deletions
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue