Rex2023 Posted July 8, 2023 Share Posted July 8, 2023 Hi there! Please help me, I have two problems. I would like the page below to fit to any window size. I have noticed on some larger windows the orange background stops higher up the page.https://www.rexcreative.co.uk/info Is there any code that can help me please? Secondly, it would be really great when on my portfolio pages, that my logo transitions from white to black when we scroll downwards. It would be great if it was a white logo when the page is opened, then once you scroll past the header image it then flicks to the black logo with the white bar sitting behind it. like it currently it ishttps://www.rexcreative.co.uk/casestudies/a-winters-tale Any help would be greatly appreciated! Thanks, Ryan Link to comment
Rex2023 Posted July 8, 2023 Author Share Posted July 8, 2023 password to portfolio page is: 123 Link to comment
VisualNotes Posted July 9, 2023 Share Posted July 9, 2023 On which browser are you seeing the behavior described in your first question? On my 27" iMac I'm not able to reproduce it (Chrome, Firefox, Safari). For me, the main container's background is orange, the footer's background is white. Link to comment
Rex2023 Posted July 10, 2023 Author Share Posted July 10, 2023 Hi there, Thank you for getting back to me. So i'm looking on a 27' iMac now and getting the attached. See there is a huge amount of white space. The footer is supposed to be just a thin white bar going across the bottom of the window. Is this perhaps the footer acting strangely? Link to comment
VisualNotes Posted July 10, 2023 Share Posted July 10, 2023 This actually is the footer. It should be possible to reduce the height of that section. Currently with margin-top: auto. Set it to margin-top: 0; and you will see the footer jumping up, but still there is that huge area that has to be reduced. Is this version 7.1? Did you try to edit the footer section - reduce the number of rows for example? Link to comment
Rex2023 Posted July 11, 2023 Author Share Posted July 11, 2023 Hmmm strange. So I have it set only to 2 rows. please see the setting in the Squarespace design interface attached. I believe it is 7.1. Link to comment
VisualNotes Posted July 12, 2023 Share Posted July 12, 2023 So, that's actually what you wanted to achieve, isn't it? Link to comment
Rex2023 Posted July 24, 2023 Author Share Posted July 24, 2023 Sorry about the long reply! It works in some window sizes but not all. So when viewed on a larger window, like a 27' for example this happens. Link to comment
VisualNotes Posted August 4, 2023 Share Posted August 4, 2023 It seems that you've fixed the problem by now, because I can't reproduce the oversized footer effect you describe on my 27" monitor. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment