sINK

Found this code to keep the category menu in place on mobile (it does what I hoped it would do), but it screws up the sidebar category placement on desktop. Want sidebar category menu on desktop. /* Show category nav links */ div.nested-category-tree-wrapper { display: flex !important; float: none !important; min-width: 100% !important; max-width: 100% !important; margin-right: 0 !important; } section.products.collection-content-wrapper.products-list { flex-direction: column !important; display: flex; } .nested-category-tree-wrapper>ul { width: 100% !important; display: flex; justify-content: center; align-items: center; } .nested-category-tree-wrapper>ul li { margin-left: 2vw; } nav.nested-category-breadcrumb { display: none !important; } ul.nested-category-children { display: none !important; } li.category-item:first-child a { padding-bottom: 0 !important; } @media screen and (max-width:640px) { div.nested-category-tree-wrapper ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .products.collection-content-wrapper .nested-category-tree-wrapper>ul>li:first-child a { padding-bottom:0px!important; }

Totally missed this! Thank you SO MUCH! 🙂

https://www.resilientintimacy.com/ In the mobile view You can see that adding the code fixes movement issue but the "services" drop down in the menu doesn't properly function now. Additionally, the code as to be removed to make edits to any part of the site in the classic editor and then added back to fix mobile movement issue after changes are applied. Easily done, but not ideal.

When I add this code it displays a tiny scroll bar over my navigation “folder.” If I add html, body { overflow: hidden; } then it screws up the editor so that I cannot edit the site via the editor. any suggestions?