<header> <div id="site-logo"> <a href="<?php echo esc_url(home_url('/')); ?>"> <img id="header-logo" src="https://dannyholmanmedia.com/wp-content/uploads/2023/11/DGH-Media-Logo_2024.png" alt="Turn this into a logo"> </a> </div> <div id="site-menu"> <nav class="navbar"> <ul class="nav-menu"> <li class="nav-item"><a href="https://dannyholmanmedia.com/about" class="nav-link">About</a></li> <li class="nav-item"><a href="https://dannyholmanmedia.com/portfolio" class="nav-link">Portfolio</a></li> <li class="nav-item"><a href="https://dannyholmanmedia.com/photo-portfolio" class="nav-link">Photography</a></li> <li class="nav-item"><a href="https://dannyholmanmedia.com/order-prints" class="nav-link">Order Prints</a></li> <li class="nav-item"><a href="https://dannyholmanmedia.com/contact" class="nav-link">Contact</a></li> <li class="nav-item"> <a href="<?php echo esc_url(wc_get_cart_url()); ?>" class="nav-link cart-icon"> <?php $cart_count = WC()->cart->get_cart_contents_count(); if ($cart_count > 0) { echo '(' . esc_html($cart_count) . ')'; } ?> </a> </li> </ul> </nav> <div class="hamburger"> <span class="bar"></span> <span class="bar"></span> <span class="bar"></span> </div> </div> </header>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter