Second / split social menu

Is it possible to have my social icons split?  I want insta & facebook in 1 column on the footer and youtube and pinterest in another.

Site is: https://iris-koala-rcm4.squarespace.com

Hi. Do you have an example/mockup? We can help easier

@tuanphan I want it to look like this:

On 5/14/2021 at 7:09 PM, khs123 said:

@tuanphan I want it to look like this:

 

Hi. Yes. This is possible. I guess you can added 2 Social Blocks to achieve this? What is access password?

@tuanphan I tried adding 2 social blocks, but they both contain the same social links, and if I turn one off in 1 block, it turns off in the other as well.

Password is "testing"

Thanks

On 5/19/2021 at 8:31 PM, khs123 said:

@tuanphan I tried adding 2 social blocks, but they both contain the same social links, and if I turn one off in 1 block, it turns off in the other as well.

Password is "testing"

Thanks

You mean, on both menu, they will content same icons, but different link?

Which icons do you want to put left/right? We can check more easily.

@tuanphan I'd like email, instagram and facebook in the left menu, and pinterest and youtube in the other menu

Thanks!

40 minutes ago, khs123 said:

@tuanphan I'd like email, instagram and facebook in the left menu, and pinterest and youtube in the other menu

Thanks!

You can add 2 social blocks with 5 icons/block. Then we will give the code to hide pinterest/youtube on left social - hide email/instagram/facebook on right social.

@tuanphan I've added the 2 blocks, thank you

On 5/24/2021 at 11:44 PM, khs123 said:

@tuanphan I've added the 2 blocks, thank you

Add to Design > Custom CSS

/* Hide pinterest youtube on left social */
div#block-eb0d0f962dd524904678 [href*="pinterest"], div#block-eb0d0f962dd524904678 [href*="youtube"] {
    display: none;
}
/* hide email instagram facebook on right social */
div#block-yui_3_17_2_1_1621430809691_15204 [href*="instagram"], div#block-yui_3_17_2_1_1621430809691_15204 [href*="facebook"], div#block-yui_3_17_2_1_1621430809691_15204 [href*="mailto"] {
    display: none;
}

@tuanphan worked perfectly, thanks!

On 5/26/2021 at 11:09 PM, khs123 said:

@tuanphan worked perfectly, thanks!

Do you want to fix these?

Site URL – https://iris-koala-rcm4.squarespace.com/

1. (Mobile-Homepage)

2. (Mobile-Homepage)

3. (Tablet-Footer) Increase text width?

On 5/28/2021 at 5:07 PM, tuanphan said:

Do you want to fix these?

Site URL – https://iris-koala-rcm4.squarespace.com/

1. (Mobile-Homepage)

2. (Mobile-Homepage)

3. (Tablet-Footer) Increase text width?

That would be great, thanks @tuanphan!

Q1.2. Add to Design > Custom CSS

html, body {overflow-x: hidden;}