MommyHadALittleOne

@Beyondspace

@tuanphan can you assist? You've previously helped me : )

I have been having the hardest time trying to get these two sections on my mobile website to match the desktop version. On the second picture, the FACE, BODY, BATH section and "Shop our best sellers" are shown on my desktop in a horizontal fashion and I want to mimic that for mobile view. I have the Squarespace ID thingy saved on Google Chrome so the ID for "FACE BODY BATH" is: section[data-section-id="6390dc44a4720664dd4c8609"] if that'll help with getting me a code for this.

- Adding a drop shadow to text inside of a block/element - I am looking for code to add that shadow to the part of the picture that says "Face, Body, & Bath" - website I'm working on www.mommyhadalittleone.com (homepage) -- not password protected

Thank you so so so so so so much!!!!!!!!!!!!! I had to do some work things so I couldn't respond but that worked AMAZINGGGG @Ziggy

Here is what I have been using: ///Newsletter Block Formatting .newsletter-block .newsletter-form-field-element { font-family: "apres" !important; font-weight: 200; font-size: 12.5px; letter-spacing: 0.9px; text-transform: none; border-radius: 0px !important; background: transparent !important; border-top: 0px !important; border-left: 0px !important; border-right: 0px !important; border-bottom: solid 2px #FFFFFF !important; } .newsletter-block .newsletter-form-header-title { font-size: 60px; line-height: 60px; letter-spacing: 2px; font-family: 'Futura' !important; text-align: center; text-transform: none; } .newsletter-form-field-element::-webkit-input-placeholder { color: #000 !important; } .newsletter-form-button { background: #000 !important; padding: 11px 30px 14px 30px !important; border-radius: 2px !important; border-color: #FBD40C !important; text-transform: uppercase; font-size: 25px !important; font-family: OstrichSans-Medium!important; font-weight: 900 !important; letter-spacing: 1.5em; color: #fff !important; } @media only screen and (max-width: 640px) { .Footer .newsletter-form-field-element { background: none !important; border-top: 0px !important; border-left: 0px !important; border-right: 0px !important; border-radius: 0px !important; border-bottom: solid 2px #FFFFFF !important; } } //----------// .newsletter-block .newsletter-form-wrapper { padding: 0; background: none; } @media only screen and (min-width:820px) { .newsletter-block .newsletter-form { display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; } .newsletter-block .newsletter-form-header { flex: 2; -webkit-flex: 2; text-align: left; } .newsletter-block .newsletter-form-header-title, .newsletter-block .newsletter-form-header-description p { text-align: left; } .newsletter-block .newsletter-form-header-description p { margin: 10px 0 0; } .newsletter-block .newsletter-form-header-title { font-size: 25px; margin-bottom: 0; } .newsletter-block .newsletter-form-body { flex: 3; -webkit-flex: 3; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: flex-end; -webkit-justify-content: flex-end; } .newsletter-block .newsletter-form-fields-wrapper { flex: 2; -webkit-flex: 2; } .newsletter-block .newsletter-form-field-wrapper { width: 95%; } } ------ Also attached is what another drawing of what I would like it to look like. How you have it is good. @Ziggy

@Ziggy mommyhadalittleone.com x your help is greatly appreciated 🙂

I have been looking for code for the longest to make my newsletter sign up field horizontal/inline and I haven't been able to successfully do that. I would like to do this for desktop and mobile. Below is how it currently looks with handwritten notes of how I want it.

https://mommyhadalittleone.com/shop-all

https://mommyhadalittleone.com/shop-all

Site URL: https://mommyhadalittleone.com I have been scouring google and Squarespace forums on how to make my site allow vertical image blocks on mobile. I think it would really give my site that wow factor that only the desktop version currently has. It seems that the only codes available are specific to other people's sites, so I am looking for that same help, I suppose. Left is mobile and right is desktop, which is what I would like to duplicate on my mobile site.