AlxMedia/typecore
1
0
Fork 0
mirror of https://ghproxy.net/https://github.com/AlxMedia/typecore.git synced 2025-08-26 15:54:05 +08:00
Code Issues Projects Packages Wiki Activity Actions

#wrap-nav id rename

Browse source
This commit is contained in:
Alexander Agnarson 2020-08-23 11:35:22 +02:00
parent d7e36d9089
commit a1b6d40a41
3 changed files with 21 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

14
functions/dynamic-styles.php
View file

@ -190,18 +190,18 @@ a,
// mobile menu color
if ( get_theme_mod('color-mobile-menu','#e64338') != '#e64338' ) {
$styles .= '
#header-menu-mobile .search-expand,
#header-menu-mobile { background-color: '.esc_attr( get_theme_mod('color-mobile-menu') ).'; }
#wrap-nav-mobile .search-expand,
#wrap-nav-mobile { background-color: '.esc_attr( get_theme_mod('color-mobile-menu') ).'; }
'."\n";
}
// topbar menu color
if ( get_theme_mod('color-topbar-menu','#e64338') != '#e64338' ) {
$styles .= '
#header-menu-topbar .search-expand,
#header-menu-topbar { background-color: '.esc_attr( get_theme_mod('color-topbar-menu') ).'; }
#header-menu-topbar .nav-menu:not(.mobile) .menu ul { background: '.esc_attr( get_theme_mod('color-topbar-menu') ).'; }
#header-menu-topbar .nav-menu:not(.mobile) .menu ul:after { border-bottom-color: '.esc_attr( get_theme_mod('color-topbar-menu') ).'; }
#header-menu-topbar .nav-menu:not(.mobile) .menu ul ul:after { border-right-color: '.esc_attr( get_theme_mod('color-topbar-menu') ).'; }
#wrap-nav-topbar .search-expand,
#wrap-nav-topbar { background-color: '.esc_attr( get_theme_mod('color-topbar-menu') ).'; }
#wrap-nav-topbar .nav-menu:not(.mobile) .menu ul { background: '.esc_attr( get_theme_mod('color-topbar-menu') ).'; }
#wrap-nav-topbar .nav-menu:not(.mobile) .menu ul:after { border-bottom-color: '.esc_attr( get_theme_mod('color-topbar-menu') ).'; }
#wrap-nav-topbar .nav-menu:not(.mobile) .menu ul ul:after { border-right-color: '.esc_attr( get_theme_mod('color-topbar-menu') ).'; }
'."\n";
}
// header color

4
header.php
View file

@ -21,7 +21,7 @@
<header id="header" class="group">
<?php if ( has_nav_menu('mobile') ): ?>
<div id="header-menu-mobile">
<div id="wrap-nav-mobile">
<?php \AlxMedia\Nav::nav_menu(array('theme_location'=>'mobile','menu_id' => 'nav-mobile','fallback_cb'=> false)); ?>
<?php if ( get_theme_mod( 'header-search', 'on' ) == 'on' ): ?>
@ -44,7 +44,7 @@
<?php endif; ?>
<?php if ( has_nav_menu('topbar') ): ?>
<div id="header-menu-topbar">
<div id="wrap-nav-topbar">
<?php \AlxMedia\Nav::nav_menu(array('theme_location'=>'topbar','menu_id' => 'nav-topbar','fallback_cb'=> false)); ?>
<?php if ( get_theme_mod( 'header-search', 'on' ) == 'on' ): ?>

24
style.css
View file

@ -584,14 +584,14 @@ box-shadow: -1px 0 0 rgba(255,255,255,0.1); }
.toggle-search.active #svg-search { display: none; }
.toggle-search.active #svg-close { display: block; }
#header-menu-topbar,
#header-menu-mobile { background: #e64338; position: relative; z-index: 4; }
#wrap-nav-topbar,
#wrap-nav-mobile { background: #e64338; position: relative; z-index: 4; }
@media only screen and (min-width: 720px) {
.mobile-menu #header-menu-mobile { display: none; }
.mobile-menu #wrap-nav-mobile { display: none; }
}
@media only screen and (max-width: 719px) {
.mobile-menu #header-menu-topbar { display: none; }
.mobile-menu #wrap-nav-topbar { display: none; }
}
/* ------------------------------------------------------------------------- *
@ -626,8 +626,8 @@ box-shadow: -1px 0 0 rgba(255,255,255,0.1); }
@media only screen and (min-width: 1025px) {
/* fixed nav */
.full-width.topbar-enabled #header { padding-top: 50px; }
.full-width #header-menu-topbar { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; }
.full-width.admin-bar #header-menu-topbar { top: 32px; }
.full-width #wrap-nav-topbar { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; }
.full-width.admin-bar #wrap-nav-topbar { top: 32px; }
}
/* menu base */
@ -750,12 +750,12 @@ box-shadow: -1px 0 0 rgba(255,255,255,0.1); }
#header .nav-menu:not(.mobile) .menu ul span { border-bottom: 1px solid rgba(0,0,0,0.06); }
#header .nav-menu:not(.mobile) .menu ul li:last-child span { border-bottom: 0; }
#header-menu-topbar .nav-menu:not(.mobile) .menu ul { background: #e64338; }
#header-menu-topbar .nav-menu:not(.mobile) .menu ul:after { border-bottom-color: #e64338; }
#header-menu-topbar .nav-menu:not(.mobile) ul ul a { color: rgba(255,255,255,0.9); }
#header-menu-topbar .nav-menu:not(.mobile) .menu ul ul:after { border-right-color: #e64338; border-bottom-color: transparent; }
#header-menu-topbar .nav-menu:not(.mobile) ul ul button .svg-icon { fill: rgba(255,255,255,0.4); }
#header-menu-topbar .nav-menu:not(.mobile) ul ul button.active { background: rgba(255,255,255,0.1); }
#wrap-nav-topbar .nav-menu:not(.mobile) .menu ul { background: #e64338; }
#wrap-nav-topbar .nav-menu:not(.mobile) .menu ul:after { border-bottom-color: #e64338; }
#wrap-nav-topbar .nav-menu:not(.mobile) ul ul a { color: rgba(255,255,255,0.9); }
#wrap-nav-topbar .nav-menu:not(.mobile) .menu ul ul:after { border-right-color: #e64338; border-bottom-color: transparent; }
#wrap-nav-topbar .nav-menu:not(.mobile) ul ul button .svg-icon { fill: rgba(255,255,255,0.4); }
#wrap-nav-topbar .nav-menu:not(.mobile) ul ul button.active { background: rgba(255,255,255,0.1); }
#nav-header-nav.nav-menu.mobile { border-top: 1px solid rgba(255,255,255,0.07); }
#nav-header-nav.nav-menu.mobile .menu-header-container { border-top: 1px solid rgba(255,255,255,0.07); }