Jump to content

How to create a page not fits to any window size, and change navigation logo on portfolio page.

Recommended Posts

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 is
https://www.rexcreative.co.uk/casestudies/a-winters-tale

 

Any help would be greatly appreciated!

 

Thanks,
Ryan

Link to comment
  • Replies 8
  • Views 746
  • Created
  • Last Reply

Top Posters In This Topic

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?

Screenshot 2023-07-10 at 12.31.28.png

Link to comment

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?

 

image.thumb.png.0c495a244d6cbf1c2b7276724d759dd3.png

Link to comment
  • 2 weeks later...
  • 2 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.