Jump to content

Portfolio page doesn't center navigation even though selected

Recommended Posts

  • Replies 3
  • Views 540
  • Created
  • Last Reply

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

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, 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

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

Archived

This topic is now archived and is closed to further replies.


×
×
  • 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.