rwp

Link to your page, please.

You can not change the cursor over an iframe.

You will need to basically subtract the height of the header, factoring in the change of the smaller header, because that element doesn't exist until you scroll down. Assuming squarespace didn't change any of that in the latest update.

Link is in my signature. Just a heads up, it needs to be modified for a fixed header.

@Jeremiahmizell It's a fairly complicated set up if you aren't familiar with coding. @tuanphan has a link to a plugin that is easier to setup, but it is not free.

Design -> Custom CSS

Link in my signature 🙂 Tested on 7.1, but should work on any markdown block.

.header-burger-btn.burger.burger--active .burger-inner.header-menu-icon-tripleLineHamburger > * { background-color: red; }

.header-menu-nav-list { transition: none !important; } .header-menu-cta { transition: none !important; }

Post a link to your page and we can get the CSS for you.

Link to your page please.

Sorry I missed this. If you are on 7.1, head to my webpage (link below). Click the code pen link and the code is "Product Cat to Dropdown" Follow the directions in my signature to set up the jquery scripts, and you can put the code in the shops page code injection. Let me know if it gives you any issues. This isn't a turnkey solution usually, it takes some tweaking for each website. Special characters in the categories also need attention. You will also need to use CSS to style the drop down, and locate it, as well as show/hide it, and the original menu, on desktop/mobile.

All set?

It is possible, but not with the code you are using now. I will have to look into it.

Change the code I sent to this: .ProductList-filter-list { display: flex; flex-wrap: wrap; justify-content: center; } .ProductList-filter-list-item.ProductList-filter-list-item--all { order: 1; } .ProductList-filter-list-item:nth-child(2) { order: 3; } .ProductList-filter-list-item:nth-child(3) { order: 4; } .ProductList-filter-list-item:nth-child(4) { order: 2; } .ProductList-filter-list-item { margin-left: 8px !important; margin-right: 8px !important; }

I'll send updated code when I get to a computer

.ProductList-filter-list { display: flex; flex-wrap: wrap; justify-content: center; } .ProductList-filter-list-item.ProductList-filter-list-item--all { order: 1; } .ProductList-filter-list-item:nth-child(2) { order: 3; } .ProductList-filter-list-item:nth-child(3) { order: 4; margin: 0; } .ProductList-filter-list-item:nth-child(4) { order: 2; margin-right: 15px; }

Did you get this figured out @actualginger?

@CptFeeny Sent you a message.

I haven't tested it on 7.0 Let me know if it works, if not, we can modify it.

It should work. Is the site 7.1? Click the link in my signature. Click the codepen link on my page. There should be a pen called Scroll to products on cat change. See if that works. Don't forget to follow the instructions in my signature for setting up jQuery.

.container.header-menu-nav-item a { color: black !important; } .header-burger-btn.burger.burger--active { filter: invert(1); } Design -> Custom CSS

You will need to follow the instructions for adding jquery. You will also need to put in the URL for the other image. var topIMG = $(".Header-branding-logo").attr("src"); var sclIMG = ""; $(window).scroll(function() { var value = $(this).scrollTop(); if (value > 50) $(".Header-branding-logo").attr("src", sclIMG); else $(".Header-branding-logo").attr("src", topIMG); });

https://static1.squarespace.com/static/5e789f950317543ce8f43447/t/5f2292c9d3288d283c2af685/1596101322262/black+backgroun+logo.pnghttps://static1.squarespace.com/static/5e789f950317543ce8f43447/t/5f2292c9d3288d283c2af685/1596101322262/black+backgroun+logo.pnghttps://static1.squarespace.com/static/5e789f950317543ce8f43447/t/5f2292c9d3288d283c2af685/1596101322262/black+backgroun+logo.pnghttps://static1.squarespace.com/static/5e789f950317543ce8f43447/t/5e902a8f49de1a6c63629294/1586506383842/meetings_grid.pnghttps://static1.squarespace.com/static/5e789f950317543ce8f43447/t/5f2292c9d3288d283c2af685/1596101322262/black+backgroun+logo.pnghttps://static1.squarespace.com/static/5e789f950317543ce8f43447/t/5e902a8f49de1a6c63629294/1586506383842/meetings_grid.pnghttps://static1.squarespace.com/static/5e789f950317543ce8f43447/t/5e90267cf9c5f208f22ab146/1586505341004/flexdesks_grid.pnghttps://static1.squarespace.com/static/5e789f950317543ce8f43447/t/5f2292c9d3288d283c2af685/1596101322262/black+backgroun+logo.pnghttps://static1.squarespace.com/static/5e789f950317543ce8f43447/t/5f2292c9d3288d283c2af685/1596101322262/black+backgroun+logo.pnghttps://static1.squarespace.com/static/5e789f950317543ce8f43447/t/5f2292c9d3288d283c2af685/1596101322262/black+backgroun+logo.pnghttps://static1.squarespace.com/static/5e789f950317543ce8f43447/t/5e902a8f49de1a6c63629294/1586506383842/meetings_grid.pnghttps://static1.squarespace.com/static/5e789f950317543ce8f43447/t/5f2292c9d3288d283c2af685/1596101322262/black+backgroun+logo.pnghttps://static1.squarespace.com/static/5e789f950317543ce8f43447/t/5f2292c9d3288d283c2af685/1596101322262/black+backgroun+logo.png Those are all links to images, is that part of the CSS or was that accidentally pasted? /* --- Calendar cursor inactive --- */ #yui_3_17_2_1_1586507539487_262 > div.summary-thumbnail-outer-container > a{ cursor:default !important; } This won't work because #yui blocks do not have static numbers.

What isn't working?