pjdewaal

tuanphan Thanks so much!

#1 fixed
#2 fixed
#3 fixed

If I click twice on the scroll to top button, it doesn't work. I assume because the url is already "[url/page]#top"

Is there a workaround for this? 

you are amazing, this has been such great help 😎💪🏻

Hi tuanphan, 

Great! thanks for the code

#1 it worked

How can I add bigger 'Link Spacing'? (Home -> Edit (page) -> Edit Site Header -> Desktop Icon -> Link Spacing '3.0')

#2 please see attached images. I want to flip number 3 and 4 for mobile only

#3 It says javascript cannot run in personal plan. are there alternatives?

Thanks so much,

Cheers
Patrick
 

Ok I've found a way to hide the social buttons and the call to action button (although I don't understand why the call to action button disappeared too, but I'm happy with that)

for anyone interested:

#collection-62b5d23448db021d6f6b48e3{

  .header-actions-action, .header-actions-action--social{
    display: none !important;
  }

Haven't found solution to the rest yet, I will keep searching, hope someone can send me into the right direction:
 

• how to change header menu text size and link space for 1 page only
• how to swap 2 blocks within a section on mobile view
• how to have a scroll up floating button 

Thanks in advance,

Cheers
Patrick

Site URL: https://springtail-violin-hntl.squarespace.com/

Hi guys,

I've searched on google and the forum but there are a few steps I couldn't figure out yet (most of the css I searched and fixed myself)

I know the settings within the GUI that I'd like, but I don't know how to translate them to the CSS code. 

Link: https://springtail-violin-hntl.squarespace.com/
Password: waterkant

The settings I'd like are as follows:

HEADER Homepage:
Home -> Design -> Site styles -> Fonts -> Assign Styles -> Site Navigation -> Size -> Custom 1.4rem
Home -> Edit (page) -> Edit Site Header -> Desktop Icon -> Link Spacing 3.0

exclude the header social icons solved
exclude the header button solved

HEADER everywhere else: 
1: (solved)

Home -> Design -> Site styles -> Fonts -> Assign Styles -> Site Navigation -> Size -> Paragraph 2
include the header social icons
include the header button
Home -> Edit (page) -> Edit Site Header -> Desktop Icon -> Link Spacing 1.5

2:
site header to fit with the 'content width' of '89' as the rest of the site follows this as well (same as footer for example)

-----

Other minor steps I'd love to figure out:

'over ons' page:
have the picture of Marlies the women above the text on mobile (basically flip the 2 boxes in the section for mobile)

across the whole site:
I would love a 'back to top button' on the bottom right saying "^" (for mobile and desktop), I have no idea how. Is this a feature inside squarespace?

Hope the description makes sense, if not please let me know so I can elaborate

Thanks so much in advance,
Kind regards 
Patrick de Waal