jrdnmariee

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

https://www.mndesigncollective.com

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; }

Hi everyone, I'm having issues with split screen scrolling showing up on mobile when I don't want it to. Works fine on desktop but I want the mobile version to scroll normally. This is the code I'm using: @media only screen and (min-width: 780px) { section[data-section-id="65b5c3f3e069aa4ffcf1437d"] { display: flex; flex-direction: row; } } section[data-section-id="65b5c3f3e069aa4ffcf1437d"] .fe-block-adeca0daceef2b58b65e { position: sticky !important; top: 80px !important; } section[data-section-id="65b5c3f3e069aa4ffcf1437d"] .is-editing div .fe-block-adeca0daceef2b58b65e { position: absolute !important; top: 0px !important; } Password for site is mndesign2024