beenull/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix the menu container class.

Browse source
This commit is contained in:
Enej Bajgoric 2020-12-10 11:07:29 -08:00 committed by Maggie Cabrera
parent c0fd83dab4
commit 70c96b52de
20 changed files with 300 additions and 45 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
alves/style-rtl.css
View file

@ -4491,7 +4491,7 @@ body:not(.fse-enabled) #masthead {
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
margin-top: -2px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
margin-top: 8px;
position: absolute;
z-index: 100;
@ -4503,7 +4503,7 @@ body:not(.fse-enabled) #masthead {
border-radius: 4px;
text-align: right;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
padding: 8px 0;
line-height: 1;
}

4
alves/style.css
View file

@ -4520,7 +4520,7 @@ body:not(.fse-enabled) #masthead {
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
margin-top: -2px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
margin-top: 8px;
position: absolute;
z-index: 100;
@ -4532,7 +4532,7 @@ body:not(.fse-enabled) #masthead {
border-radius: 4px;
text-align: left;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
padding: 8px 0;
line-height: 1;
}

23
barnsbury/style-rtl.css
View file

@ -4420,14 +4420,23 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
grid-row-end: 4;
margin: 0;
justify-self: end;
text-align: left;
}
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
padding: 12px;
display: inline-block;
text-align: center;
justify-self: end;
font-size: 0.71818rem;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"] {
margin-top: 8px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
margin-top: -2px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
margin-top: 8px;
position: absolute;
z-index: 100;
@ -4437,9 +4446,19 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
padding: 0 16px 8px;
border: 1px solid #3C2323;
border-radius: 5px;
text-align: right;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
padding: 8px 0;
line-height: 1;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container {
text-align: right;
position: absolute;
left: 16px;
right: 16px;
width: calc(100% - 32px);
margin-top: 48px;
border-radius: 5px;
}
}

23
barnsbury/style.css
View file

@ -4449,14 +4449,23 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
grid-row-end: 4;
margin: 0;
justify-self: end;
text-align: right;
}
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
padding: 12px;
display: inline-block;
text-align: center;
justify-self: end;
font-size: 0.71818rem;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"] {
margin-top: 8px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
margin-top: -2px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
margin-top: 8px;
position: absolute;
z-index: 100;
@ -4466,9 +4475,19 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
padding: 0 16px 8px;
border: 1px solid #3C2323;
border-radius: 5px;
text-align: left;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
padding: 8px 0;
line-height: 1;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container {
text-align: left;
position: absolute;
right: 16px;
left: 16px;
width: calc(100% - 32px);
margin-top: 48px;
border-radius: 5px;
}
}

7
dalston/header.php
View file

@ -63,9 +63,10 @@ $header_classes .= $has_primary_nav ? ' has-menu' : '';
<?php
wp_nav_menu(
array(
'theme_location' => 'menu-1',
'menu_class' => 'main-menu',
'items_wrap' => '<ul id="%1$s" class="%2$s" aria-label="submenu">%3$s</ul>',
'container_class' => 'main-menu-container',
'theme_location' => 'menu-1',
'menu_class' => 'main-menu',
'items_wrap' => '<ul id="%1$s" class="%2$s" aria-label="submenu">%3$s</ul>',
)
);
?>

23
dalston/style-rtl.css
View file

@ -4297,14 +4297,23 @@ a {
grid-row-end: 4;
margin: 0;
justify-self: end;
text-align: left;
}
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
padding: 12px;
display: inline-block;
text-align: center;
justify-self: end;
font-size: 0.75614rem;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"] {
margin-top: 8px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
margin-top: -2px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
margin-top: 8px;
position: absolute;
z-index: 100;
@ -4314,11 +4323,21 @@ a {
padding: 0 16px 8px;
border: 1px solid #CCCCCC;
border-radius: 4.75px;
text-align: right;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
padding: 8px 0;
line-height: 1;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container {
text-align: right;
position: absolute;
left: 16px;
right: 16px;
width: calc(100% - 32px);
margin-top: 48px;
border-radius: 4.75px;
}
}
@media only screen and (max-width: 559px) {

23
dalston/style.css
View file

@ -4326,14 +4326,23 @@ a {
grid-row-end: 4;
margin: 0;
justify-self: end;
text-align: right;
}
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
padding: 12px;
display: inline-block;
text-align: center;
justify-self: end;
font-size: 0.75614rem;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"] {
margin-top: 8px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
margin-top: -2px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
margin-top: 8px;
position: absolute;
z-index: 100;
@ -4343,11 +4352,21 @@ a {
padding: 0 16px 8px;
border: 1px solid #CCCCCC;
border-radius: 4.75px;
text-align: left;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
padding: 8px 0;
line-height: 1;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container {
text-align: left;
position: absolute;
right: 16px;
left: 16px;
width: calc(100% - 32px);
margin-top: 48px;
border-radius: 4.75px;
}
}
@media only screen and (max-width: 559px) {

23
hever/style-rtl.css
View file

@ -4497,14 +4497,23 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
grid-row-end: 4;
margin: 0;
justify-self: end;
text-align: left;
}
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
padding: 12px;
display: inline-block;
text-align: center;
justify-self: end;
font-size: 0.75614rem;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"] {
margin-top: 8px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
margin-top: -2px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
margin-top: 8px;
position: absolute;
z-index: 100;
@ -4514,11 +4523,21 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
padding: 0 16px 8px;
border: 1px solid #C5C5C5;
border-radius: 5px;
text-align: right;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
padding: 8px 0;
line-height: 1;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container {
text-align: right;
position: absolute;
left: 16px;
right: 16px;
width: calc(100% - 32px);
margin-top: 48px;
border-radius: 5px;
}
}
/**

23
hever/style.css
View file

@ -4526,14 +4526,23 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
grid-row-end: 4;
margin: 0;
justify-self: end;
text-align: right;
}
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
padding: 12px;
display: inline-block;
text-align: center;
justify-self: end;
font-size: 0.75614rem;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"] {
margin-top: 8px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
margin-top: -2px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
margin-top: 8px;
position: absolute;
z-index: 100;
@ -4543,11 +4552,21 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
padding: 0 16px 8px;
border: 1px solid #C5C5C5;
border-radius: 5px;
text-align: left;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
padding: 8px 0;
line-height: 1;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container {
text-align: left;
position: absolute;
right: 16px;
left: 16px;
width: calc(100% - 32px);
margin-top: 48px;
border-radius: 5px;
}
}
/**

23
mayland/style-rtl.css
View file

@ -4326,14 +4326,23 @@ strong {
grid-row-end: 4;
margin: 0;
justify-self: end;
text-align: left;
}
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
padding: 12px;
display: inline-block;
text-align: center;
justify-self: end;
font-size: 0.69444rem;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"] {
margin-top: 8px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
margin-top: -2px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
margin-top: 8px;
position: absolute;
z-index: 100;
@ -4343,11 +4352,21 @@ strong {
padding: 0 16px 8px;
border: 1px solid #e6e6e6;
border-radius: 5px;
text-align: right;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
padding: 8px 0;
line-height: 1;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container {
text-align: right;
position: absolute;
left: 16px;
right: 16px;
width: calc(100% - 32px);
margin-top: 48px;
border-radius: 5px;
}
}
@media only screen and (max-width: 559px) {

23
mayland/style.css
View file

@ -4355,14 +4355,23 @@ strong {
grid-row-end: 4;
margin: 0;
justify-self: end;
text-align: right;
}
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
padding: 12px;
display: inline-block;
text-align: center;
justify-self: end;
font-size: 0.69444rem;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"] {
margin-top: 8px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
margin-top: -2px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
margin-top: 8px;
position: absolute;
z-index: 100;
@ -4372,11 +4381,21 @@ strong {
padding: 0 16px 8px;
border: 1px solid #e6e6e6;
border-radius: 5px;
text-align: left;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
padding: 8px 0;
line-height: 1;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container {
text-align: left;
position: absolute;
right: 16px;
left: 16px;
width: calc(100% - 32px);
margin-top: 48px;
border-radius: 5px;
}
}
@media only screen and (max-width: 559px) {

7
morden/header.php
View file

@ -64,9 +64,10 @@ if ( function_exists( 'wp_body_open' ) ) {
<?php
wp_nav_menu(
array(
'theme_location' => 'menu-1',
'menu_class' => 'main-menu',
'items_wrap' => '<ul id="%1$s" class="%2$s" aria-label="submenu">%3$s</ul>',
'container_class' => 'main-menu-container',
'theme_location' => 'menu-1',
'menu_class' => 'main-menu',
'items_wrap' => '<ul id="%1$s" class="%2$s" aria-label="submenu">%3$s</ul>',
)
);
?>

27
morden/sass/_extra-child-theme.scss
View file

@ -647,14 +647,22 @@ article .entry-header .entry-title,
margin: 0;
justify-self: end;
#toggle-cart[for="woocommerce-toggle"].button,
#toggle-menu {
padding: (1.5 * $baseline-unit);
display: inline-block;
text-align: center;
justify-self: end;
font-size: #{map-deep-get($config-global, "font", "size", "xs" )};
}
#toggle-cart[for="woocommerce-toggle"] {
margin-top: $baseline-unit;
}
#toggle-cart[for="woocommerce-toggle"].button svg {
margin-top: -2px;
}
.menu-main-menu-container {
.main-menu-container {
margin-top: $baseline-unit;
position: absolute;
z-index: 100;
@ -664,15 +672,28 @@ article .entry-header .entry-title,
background: #{map-deep-get($config-global, "color", "foreground", "dark") };
padding: 0 (2 * $baseline-unit) $baseline-unit;
border-radius: #{map-deep-get($config-global, "border-radius", "xs" )};
}
.menu-main-menu-container {
a {
padding: $baseline-unit 0;
line-height: 1;
font-weight: normal;
}
}
.woocommerce-cart-widget {
background: #{map-deep-get($config-global, "color", "foreground", "dark") };
border-radius: #{map-deep-get($config-global, "border-radius", "xs" )};
padding: $baseline-unit (2 * $baseline-unit );
}
.woocommerce-menu-container {
text-align: left;
position: absolute;
left: 0;
right: 0;
margin-top: 6 * $baseline-unit;
}
}
}
}

24
morden/style-rtl.css
View file

@ -4591,13 +4591,21 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
margin: 0;
justify-self: end;
}
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
padding: 12px;
display: inline-block;
text-align: center;
justify-self: end;
font-size: 0.75614rem;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"] {
margin-top: 8px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
margin-top: -2px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
margin-top: 8px;
position: absolute;
z-index: 100;
@ -4608,11 +4616,23 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
padding: 0 16px 8px;
border-radius: 5px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
padding: 8px 0;
line-height: 1;
font-weight: normal;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-cart-widget {
background: #101010;
border-radius: 5px;
padding: 8px 16px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container {
text-align: right;
position: absolute;
right: 0;
left: 0;
margin-top: 48px;
}
}
/**

24
morden/style.css
View file

@ -4620,13 +4620,21 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
margin: 0;
justify-self: end;
}
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
padding: 12px;
display: inline-block;
text-align: center;
justify-self: end;
font-size: 0.75614rem;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"] {
margin-top: 8px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
margin-top: -2px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
margin-top: 8px;
position: absolute;
z-index: 100;
@ -4637,11 +4645,23 @@ article .entry-header .entry-title a:active, article .entry-header .entry-title
padding: 0 16px 8px;
border-radius: 5px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
padding: 8px 0;
line-height: 1;
font-weight: normal;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-cart-widget {
background: #101010;
border-radius: 5px;
padding: 8px 16px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container {
text-align: left;
position: absolute;
left: 0;
right: 0;
margin-top: 48px;
}
}
/**

7
rivington/header.php
View file

@ -63,9 +63,10 @@ $header_classes .= $has_primary_nav ? ' has-menu' : '';
<?php
wp_nav_menu(
array(
'theme_location' => 'menu-1',
'menu_class' => 'main-menu',
'items_wrap' => '<ul id="%1$s" class="%2$s" aria-label="submenu">%3$s</ul>',
'container_class' => 'main-menu-container',
'theme_location' => 'menu-1',
'menu_class' => 'main-menu',
'items_wrap' => '<ul id="%1$s" class="%2$s" aria-label="submenu">%3$s</ul>',
)
);
?>

23
rivington/style-rtl.css
View file

@ -4453,14 +4453,23 @@ p:not(.site-title) a:hover {
grid-row-end: 4;
margin: 0;
justify-self: end;
text-align: left;
}
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
padding: 12px;
display: inline-block;
text-align: center;
justify-self: end;
font-size: 0.64rem;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"] {
margin-top: 8px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
margin-top: -2px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
margin-top: 8px;
position: absolute;
z-index: 100;
@ -4470,9 +4479,19 @@ p:not(.site-title) a:hover {
padding: 0 16px 8px;
border: 1px solid #353a46;
border-radius: 4.5px;
text-align: right;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
padding: 8px 0;
line-height: 1;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container {
text-align: right;
position: absolute;
left: 16px;
right: 16px;
width: calc(100% - 32px);
margin-top: 48px;
border-radius: 4.5px;
}
}

23
rivington/style.css
View file

@ -4482,14 +4482,23 @@ p:not(.site-title) a:hover {
grid-row-end: 4;
margin: 0;
justify-self: end;
text-align: right;
}
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button,
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
padding: 12px;
display: inline-block;
text-align: center;
justify-self: end;
font-size: 0.64rem;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container {
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"] {
margin-top: 8px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button svg {
margin-top: -2px;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container {
margin-top: 8px;
position: absolute;
z-index: 100;
@ -4499,9 +4508,19 @@ p:not(.site-title) a:hover {
padding: 0 16px 8px;
border: 1px solid #353a46;
border-radius: 4.5px;
text-align: left;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .menu-main-menu-container a {
.mobile-nav-side .site-header #site-navigation.main-navigation .main-menu-container a {
padding: 8px 0;
line-height: 1;
}
.mobile-nav-side .site-header #site-navigation.main-navigation .woocommerce-menu-container {
text-align: left;
position: absolute;
right: 16px;
left: 16px;
width: calc(100% - 32px);
margin-top: 48px;
border-radius: 4.5px;
}
}

7
varia/header.php
View file

@ -63,9 +63,10 @@ if ( function_exists( 'wp_body_open' ) ) {
<?php
wp_nav_menu(
array(
'theme_location' => 'menu-1',
'menu_class' => 'main-menu',
'items_wrap' => '<ul id="%1$s" class="%2$s" aria-label="submenu">%3$s</ul>',
'container_class' => 'main-menu-container',
'theme_location' => 'menu-1',
'menu_class' => 'main-menu',
'items_wrap' => '<ul id="%1$s" class="%2$s" aria-label="submenu">%3$s</ul>',
)
);
?>

4
varia/sass/components/header/_site-mobile-nav-side.scss
View file

@ -51,7 +51,7 @@
margin-top: -2px;
}
.menu-main-menu-container {
.main-menu-container {
margin-top: $baseline-unit;
position: absolute;
z-index: 100;
@ -64,7 +64,7 @@
text-align: left;
}
.menu-main-menu-container {
.main-menu-container {
a {
padding: $baseline-unit 0;
line-height: 1;