charmeddesign

Thanks for your response, it's https://kylespencerjournalist.com, sorry I thought I had included it when I submitted the post.

Hi there, I've been trying to make changes to the padding of an image, but even though the changes appear and save while editing, they do not display when I actually look at the site on a phone. Furthermore, when I make edits to other screen sizes via Squarespace's builder, if I go back into mobile view then the padding changes are gone. I assume this is due to the div ID changing each time I change something on the site. If I switch between views or log in and out the change stays, but still does not appear on a mobile device. I tried changing the padding for the block that the image is contained in but adding padding does nothing. It only changes if I choose a sub div, and then only for the view in Squarespace and not when viewed on an actual device. Here are some screenshots, one in the editor and one screenshotted from a phone. I've included the dreaded red circles to make it as clear as possible. Any help would be extremely appreciated. Thanks!

I found a solution, though it is not ideal - I couldn't get the div to resize responsively with the content contained in it so I just made hard tweaks to each display size. I am aware this may cause issues on non-conventional screen sizes so if anyone else has a better, responsive fix please let me know. Here is what I implemented below, where the div is the name of the title section contained within the Index for each page: For Desktop: #contact-header, #appearances-header, #journalism-header, #about-header, #home-header { min-height: unset !important; max-height: 180px; margin-top: -60px; } For Tablets: @media screen and (min-width: 641px) and (max-width:950px) { #home-header { background-color: #223a5e; padding-top: 0px; padding-bottom: 50px; } #contact-header, #appearances-header, #journalism-header, #about-header { padding-top: 0px; } } For Phones: @media screen and (max-width: 640px) { #home-header { padding-top: 50px; padding-bottom: 50px; } #contact-header, #appearances-header, #journalism-header, #about-header { padding-top: 50px; } } Below is the final result.

For clarification, I'd ideally like it to display as the size in this screenshot

Hi there, I'm using the Bedford theme and I've been trying to use a page section under an index page as a title. I've seen it resized on other Squarespace sites but cannot get the size of the content section for the title to change, it is far too big and there is no way to drag it to make it smaller. I was able to get the top margin to adjust when inputting a negative value, but it looks terrible in mobile. Additionally, it appears there is no way to adjust the bottom margin, as doing the same just causes the content below it to overlap on top of the section above (I believe this is a collapsing margin issue). I've attached an image below. Any help would be greatly appreciated, thank you!