Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Hamburger Menu, no cart




Not really much more to say aside from the title, but I have injected a hamburger menu code into design > custom css: 

.header-burger { display:flex!important}
.header-menu {max-width:30%;opacity: 0.75!important;visibility: visible!important;}
.header-nav, .header-actions {visibility:hidden!important;}
.header-menu-nav-item {line-height: 30px!important;}
.header-menu-bg {background: black!important;}
.header-menu-nav-item > a {color: white!important;font-size: 200%;hyphens: none;white-space: nowrap;}

I've edited it slightly, to stop text wrap in the menu, make it a certain width and opacity, and increase text size and line height.

Before I added variations to the code, the cart was not visible, and I did not expect these additions to change that either obviously, but I am not sure what to insert to make the cart visible, separately from the hamburger menu. 

The cart/checkout icon is not visible on the page anywhere, nor the hamburger menu when open, however social links are.

I would want the cart to be visible on the right hand of the header if possible

Any help would be appreciated 🙂

Thank you!



Link to post
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

4 answers to this question

Recommended Posts

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...