Umlaut

Thanks! I've reduced everything as small as it will go already, and it gets close but still stacks. The CSS you gave me doesn't do anything that I can tell unfortunately. It's so weird - it looks fine when I inspect it, but when I reduce the window myself, everything stacks.

Something on my header (https://dala-dev.squarespace.com/ PW: test) is causing the menu items to stack instead of shrink together on slightly smaller screens. I like the hamburger for tablet and mobile, but the menu items are stacking at more than 1500px screens. I tried to just make the fonts smaller, but they're still stacking. Any ideas? I just want them to line up until at least a screen size of 1240 or so.

Thank you so much. I'm on a trial, but the plugin only says "Import JSON" and "Get Injections." What am I doing wrong? It says the trial version should have unlimited collection import/export. I've checked on their site and slack channel but can't find the answer. Thanks!

Thank you! I did end up finding the code I needed. Appreciate it!

I'm looking for the same thing - changing the dropdown submenu items to #d92c5a instead of white. website: https://dala-dev.squarespace.com/ PW: test

Sorry, two more questions. 1. How do I change the text to white when they're typing in their email address? 2. Is there any way to make the whole box shorter or is that about the smallest it'll get?

Is there any way to work around getting all the images from one Squarespace site to another? The import function is broken, per Squarespace, and they only recommend I manually download/upload each image (over 100 blogs!). Does anyone have a work-around?

Gotcha, Thank you very much!

Oh thank you! It's very close. Do you know how I can keep it on one line?

Just a website. I'm not a coder but looking to just make the newsletter look like that. hacking my way through, lol. Do you know code that would do the trick?

It's https://dala-dev.squarespace.com/.

I am using some custom code for the signup button in the footer. For some reason, I can’t get the pink to go all the way to the right and the SUBSCRIBE to be in the center of that pink area. Code below. I can’t find good code anywhere to make this style button! Site PW: test I've attached a screenshot of the design and the current footer. Thanks! /* Detraform's Minimal Newsletter Block*/ .newsletter-block { padding-top: 0 !important; .newsletter-form-wrapper { background-color: transparent; padding: 0 !important; .newsletter-form-body { flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: ; display: flex; padding-bottom: 0; border: 1.5px solid; border-color: #ffffff; .newsletter-form-fields-wrapper { width: ~"calc(75% - 8px)"; margin: 0px; .newsletter-form-field-wrapper { display: block; width: 100%; padding: 0px; } input { font-family: 'Open Sans Condensed'; letter-spacing: 0; font-size: 14px; line-height: 1.4em; padding: 15px 20px; background-color: transparent; @media screen and (max-width: 640px) { padding: 15px 15px; } @media screen and (max-width: 420px) { padding: 17px 0 17px 12px; } display: block; border: none; &::placeholder{ font-family: 'Open Sans Condensed'; font-size: 1.2em; line-height: 1.4em; letter-spacing: 0; color: #ffffff !important; } } @media screen and (max-width: 1350px) { width: ~"calc(70% - 8px)"; } @media screen and (max-width: 1200px) { width: ~"calc(64%)"; } @media screen and (max-width: 1024px) { width: ~"calc(75%)"; } } .newsletter-form-button-wrapper { width: 15%; height: 100%; margin: 0px; padding: 0; margin-top: 0px; vertical-align: middle; button { background-color: #d92c5a !important; border: none !important; vertical-align: top; box-shadow: none !important; padding: 27px; width: 100%; font-family: 'Open Sans Condensed'; font-size: 1.2em; line-height: 1.5em; letter-spacing: 0; text-align: left !important; span { text-align: left !important; text-transform: uppercase; color: #ffffff !important; font-weight: 400; &:hover { opacity: .7; } } @media screen and (max-width: 1024px) { text-align: left; padding-left: 0; padding-right: 10px; } @media screen and (max-width: 640px) { text-align: left; padding-left: 0; padding-right: 0; } } @media screen and (max-width: 1350px) { text-align: left; padding: 0 30px; width: 32%; .newsletter-form-button { padding-right: 0; } } @media screen and (max-width: 1024px) { text-align: left; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 15px; } @media screen and (max-width: 640px) { padding-right: 0px; } } @media screen and (max-width: 1200px) { text-align: right; width: 100%; } } .newsletter-form-footnote { text-align: left; letter-spacing: .0em; } } .newsletter-form-footnote { margin-top: 16px; p { font-family: 'Open Sans Condensed' !important; line-height: 1.25em; opacity: 1; strong { font-weight: 400; color: #ffffff !important; } } } }

Site URL: https://www.alceasurrogacy.com/pridefest-2021 I am trying to have even button placement on a 3-column section, but I'm using the List section: simple instead of the typical image-text-button. This is the code that works when I replace the section name, but it's not working on the partner section on this page - https://www.alceasurrogacy.com/pridefest-2021. What other parts need to change? Thanks! /3 COLUMN BUTTON PLACEMENT/ [data-section-id="602d7cba52a616177906364f"] .sqs-row { display: flex; flex-wrap: wrap; } [data-section-id="602d7cba52a616177906364f"] .sqs-col-4 { box-sizing: border-box; display: flex; flex: 1 1 330px; flex-direction: column; margin: 0%; padding: 0px; } [data-section-id="602d7cba52a616177906364f"] .button-block { margin-top: auto; }

Hi there! Is there anyone who can help me with this? I really would like to know how to change the nav word apart from the dropdown menu items.

I don't have the menu live until I can get this code fixed. But I have taken a screenshot of how it's working w/the code. All copy is red to pink on hover, and I'm actually curious how to either: 1. Turn just top level nav words like "egg donors" to a different color font OR 2. Add a color background to the top level nav words when that menu item is selected/hovered over. (preferred) Open to options, just don't know how to do it! Tried inspecting and changing different elements, but can't seem to identify the right ones unfortunately

Hi! I used this code on a 7.1 site, and it changes all the menu items, including the dropdown. Can you provide code that doesn't affect the dropdown menu items, only the main navigation item? Thanks!