LetterAndInk

@paul2009 This did the trick! Thanks so much.

@LetterAndInk You should be able to limit it to the subpages by adding the .view-item class. For example, something like this:
.view-item .header-title-logo img {     visibility: hidden; } .view-item .header-title-logo a {     background-image: url(https://images.squarespace-cdn.com/content/65a0493c0ac23a500b538521/1231deef-3f2b-45d9-80d7-e7132dd00e9a/ears+up+logo+white.png?content-type=image%2Fpng);     background-size: cover;     background-repeat: no-repeat;     background-position: center center; } Did this help? Please give feedback by clicking an icon below  ⬇️

To be honest, it's not something that I'd personally recommend because of the increased page load time for minimal benefit (and the fragility). However, if you have an edge case that makes it worthwhile on your site then it would be possible with some JavaScript (JS). The JS would need to add the select element (the dropdown) to the page, hide the original input control and then pass the value from the select to the input whenever the value changes.
Did this help? Please give feedback by clicking an icon below  ⬇️

@paul2009 I was just searching for this same solution and your code works beautifully! I was wondering if you know of a way to display the quantity selector as a dropdown rather than a box with arrows? 

Hi, this is due to formatting and wrong code. You have to add the codes for each font separately, then apply it to the headings.
Delete the codes you've added, use this template to add your fonts (don't remove the ' '):
@font-face { font-family: 'Example'; src: url(‘link’) format('woff'); } Then, apply the fonts with this code:
h1 { font-family:‘GT-Zirkon-Regular’; } h2 { font-family:’HKGrotesk-Regular’; } h3 { font-family:’HKGrotesk-Bold’; } Let me know how it goes 🙂

You rock, thanks so much for your help!