emiert

Current CSS code injection is as follows: <!-- Adds the Commerce7 styles --> <link href="https://cdn.commerce7.com/v2/commerce7.css" rel="stylesheet"> <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function(event) { var node = document.createElement('div') node.id = 'c7-tools' var accountNode = document.createElement('div') accountNode.id = 'c7-account' node.appendChild(accountNode) var cartNode = document.createElement('div') cartNode.id = 'c7-cart' node.appendChild(cartNode) var header = document.getElementsByClassName('header-nav-item')[4] header.appendChild(node) }) </script> <script type="text/javascript" src="https://cdn.commerce7.com/v2/commerce7.js" id="c7-javascript" data-tenant="louise-bernhard-wine"> </script> <style type="text/css"> /* ----- Header ------ */ header { display: flex; align-items: center; } header #c7-tools { display: flex; justify-content: space-between; align-items: center; } </style>

Site URL: https://portreecellars.com I am trying to display two icons in the header (Login and cart) that are linked directly to our point of sale system (Commerce7). I have added commerce7's recommended code injection to get the Login/cart icons to display, however they display beneath the main site navigation. I uploaded a picture of what is currently happening and what I want to happen (all icons displayed in a single row, right aligned). Any help would be much appreciated. password: portree