Jump to content

Portfolio page doesn't center navigation even though selected

Recommended Posts

I think they tried to make it center of the screen instead of the content, so let's see if this fix suit your needs

Settings-> Design -> Custom Css

@media screen and (min-width: 1200px) {
	#collection-5f9e4f162725f32ff052e260 .portfolio-hover-display {
      padding: 0;
      padding-top: 20vh;
    }
}
#collection-5f9e4f162725f32ff052e260 .portfolio-hover-display {
  padding: 0;
  padding-top: 12vh
}
#collection-5f9e4f162725f32ff052e260 .portfolio-hover-display .portfolio-hover-items {
  padding-top: 0 !important;
}

image.thumb.png.5858a073191ea9aae8ce6b6ab7b44155.png

image.thumb.png.65eeda263e018bd6da1bd2e4c4780e1f.png

Edited by bangank36

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

This worked perfectly. Another questions which you might help with. When I click on the mobile navigation on the desktop, is there a way, when the navigation pops up, to make it look like the portfolio navigation? Basically I would like to have the font of the navigation looking the same as the font of the portfolio.

Landing page view with portfolio hover navigation:

1105697995_ScreenShot2020-11-01at9_45_07PM.thumb.png.44c6a1ca6fec5e79adc44f045f14c1cf.png

Site navigation when clicking +:

996974930_ScreenShot2020-11-01at9_45_12PM.thumb.png.25d8fdf3c416482f81133c700b3fd17d.png

Edited by nowicluk
Link to comment
3 minutes ago, nowicluk said:

This worked perfectly. Another questions which you might help with. When I click on the mobile navigation on the desktop, is there a way, when the navigation pops up, to make it look like the portfolio navigation? Basically I would like to have the font of the navigation looking the same as the font of the portfolio.

Landing page view with portfolio hover navigation:

1105697995_ScreenShot2020-11-01at9_45_07PM.thumb.png.44c6a1ca6fec5e79adc44f045f14c1cf.png

Site navigation when clicking +:

996974930_ScreenShot2020-11-01at9_45_12PM.thumb.png.25d8fdf3c416482f81133c700b3fd17d.png

Please don't get confused, I just changed the navigation colours:

240836173_ScreenShot2020-11-01at9_49_07PM.thumb.png.dc6ff09061c23d6ec67eb49f5c45b08d.png

Link to comment

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.