Jump to content

Second / split social menu

Recommended Posts

  • Replies 13
  • Views 796
  • Created
  • Last Reply
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.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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;
}

image.thumb.png.745f2807291388c1715f24a0ec796f2c.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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)

iris-koala-rcm4.squarespace.com-01-min.p

2. (Mobile-Homepage)

iris-koala-rcm4.squarespace.com-02-min.p

3. (Tablet-Footer) Increase text width?

iris-koala-rcm4.squarespace.com-03-min.p

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 3 weeks later...

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.