diff --git a/footer.php b/footer.php index c721671..defac9e 100644 --- a/footer.php +++ b/footer.php @@ -1,12 +1,14 @@ - \ No newline at end of file + diff --git a/functions.php b/functions.php index 079f105..5c5480c 100644 --- a/functions.php +++ b/functions.php @@ -9,8 +9,18 @@ add_action( 'wp_enqueue_scripts', 'inc_scripts' ); function register_my_menu() { register_nav_menu('main-menu',__( 'Main Menu' )); + register_nav_menu('footer-menu',__( 'Footer Menu' )); } add_action( 'init', 'register_my_menu' ); add_theme_support('post-thumbnails'); -?> \ No newline at end of file + +function nav_replace_wpse_189788($item_output, $item, $args) { + # var_dump($item_output, $item); + if($item->post_title == '
') { + return '
'; + } + return $item_output; +} +add_action('walker_nav_menu_start_el','nav_replace_wpse_189788',null,3); +?> diff --git a/header.php b/header.php index 768d10a..0480a30 100644 --- a/header.php +++ b/header.php @@ -7,6 +7,13 @@ Hausarzt Stader Straße Fachärzte für Allgemeinmedizin Rogalli, Lache und Mühr in Bremen, östliche Vorstadt + + + + + + +
-
\ No newline at end of file +
diff --git a/style.css b/style.css index 454a61c..ee853b1 100644 --- a/style.css +++ b/style.css @@ -27,7 +27,6 @@ License URI: https://fireorbit.de } html,body{ - min-height: 100vh; padding:0px; margin:0px; background-color: white; @@ -38,19 +37,18 @@ html,body{ font-size:18px; font-weight:lighter; letter-spacing: 0.05em; - min-height: 100vh; width: 100%; } .wrapper { width: 1024px; - min-height: 100vh; display: flex; flex-direction: column; margin: auto; background-color: white; + min-height: 100vh; } header{ - flex: 0 1 auto; + flex-shrink: 0; } header > div{ padding:67px 0px; @@ -113,35 +111,48 @@ footer { font-size:18px; text-align:center; text-transform: uppercase; + flex-shrink: 0; +} +footer ul { + overflow: auto; + list-style-type: none; + padding: auto; + margin: 0px; +} +footer li { + line-height: 0.8em; + border-right: 2px solid #457575; + display: inline-block; + padding: 0 10px; +} +footer li:last-child { + border-right: none; } footer a{ text-decoration:none; } -footer a.current-menu-item { +footer li.current-menu-item { color: #009999; font-weight: bold; } .main{ - flex:1 1 auto; + flex: 1; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; - min-height: 100%; -} -nav,section{ - flex: 1 100%; + min-height: 100vh; } nav { padding-top: 20px; background-color: rgba(113,140,139,0.12); - flex: 0 27%; - flex-shrink: 0; + flex: 0 32%; margin-right: 3px; } section{ + flex: 0 100%; background-color: rgba(113,140,139,0.07); display: flex; flex-direction: column; @@ -167,6 +178,9 @@ nav li .logo { height: 35px; width: 57px; } +nav li .logo+span { + font-size:0px; +} nav li:hover .logo { background-image:url('img/logo-hover.svg'); } @@ -180,16 +194,15 @@ nav li.current-menu-item .logo{ border-style: solid; border-width: 0.65em 0 0.65em 0.85em; display: inline-block; - height: 0; + height: 100%; width: 0; - top: 0.1em; left: -1.9em; position: relative; border-color: transparent #009999; } -} -nav li.current-menu-item:before { - top:-0.6em; + nav li:first-child.current-menu-item:before{ + top: -0.6em; + } } nav li.current-menu-item a{ font-weight: bold; @@ -271,7 +284,6 @@ section .team .item:nth-child(even) { } section .team .item img { float: left; - width: 45%; margin: 0px 15px 0px 0px; } @media only screen and (max-width: 1024px) { @@ -287,7 +299,7 @@ section .team .item img { padding-top: 20px; } header > div { - height: 0px; + height: 180px; padding: 0px; } header .mobil, header img { @@ -347,14 +359,17 @@ section .team .item img { nav li a:visited, nav li a:active { color: #829D9D; - font-weight:bold; } nav li.current-menu-item { background-color: #009999; + font-weight:bold; } nav li .logo{ display:none; } + nav li .logo+span { + font-size: 22px; + } nav li .logo-mobil{ display: block; } @@ -366,7 +381,6 @@ section .team .item img { margin: 0px; } section .team .item img { - width: 20%; margin-bottom: 15px; } footer {