I'm having two issues with my site:

1. I need the shopping cart to be activated but when I do it doesn't show up on desktop (mobile it does) and I want it to sit next to my hamburger menu.

2. When the cart is activated (and still isn't showing on the screen) the hamburger menu is now moved to the left of the logo (image below) and I want it to be on the right of the screen with the cart icon next to it.

These issues only show on desktop, mobile is fine. Is this a breakpoint issue on only the desktop?

Here's the code I'm using for the hamburger menu on desktop:

.header .header-burger{display:flex} .header-nav, .header-actions {display:none}
.header--menu-open .header-menu {
  opacity: .9;
  visibility: visible;
  width: 40%;
  margin-left: 65%;
  box-shadow: -2px 2px 8px #000 }
.header-menu-nav-item a {
  line-height: 1.1em!important;
  color: #FFF;
  font-size: 1.2em;
}
.header-menu.header-menu--folder-list {
  padding-top: 10 !important;
}
.header-menu-nav-item a:hover {
    color: #da5900 !important;
  }
.site-wrapper .header-menu .header-menu-bg {
  background-color: #2c2c2c;
 }
.site-wrapper .header-menu .header-menu-nav a:not(.btn) {
  color: #fff;
}
.header-menu-cta {
    position: relative;
    top: -2em;
}

Website address?

1 hour ago, sorca_marian said:

Website address?

https://www.mndesigncollective.com

You have a CSS code that hides the desktop link navigation

26 minutes ago, sorca_marian said:

For the hamburger to display on the right, use the below CSS code

.header-burger {
    order : 2;
}

 

Thank you so much! Removing the display code and adding the order code fixed everything

Awesome!

Amazing solution! I wouldn't have thought of that.