Custom Social Icon

Site URL: https://democrp.squarespace.com/

How can I customize the 3rd Social Icon in the demo site. And How can I move the Social Icons next to the navigation menu.

Use is Password to access this site : 123456

#1. You mean change chain icon to custom icon?

#2. I see icons already next to navigation.

Hi,

1. I want to change the chain icon to custom icon.

2. I want more the social icons. I will attach the screenshot for your reference.

3 hours ago, AlanP said:

Hi,

1. I want to change the chain icon to custom icon.

2. I want more the social icons. I will attach the screenshot for your reference.

#1. Can you add real url first? If I send code then you replace google with new url, the code won't work.

#2. Add to Cover Page Header

<style>
  div.responsive-wrapper.social {
    display: flex !important;
    align-items: center;
    flex-direction: row-reverse;
}
</style>

Hi,

1. I will added the real url in the demo site. 
2. The above code is working good in desktop, but it will breaks the mobile view.

10 hours ago, AlanP said:

Hi,

1. I will added the real url in the demo site. 
2. The above code is working good in desktop, but it will breaks the mobile view.

 

#2. Use new code, I sent in email

#1. Use this code

<style>
  [href*="/about-us"] div {
    background-image: url(https://cdn.pixabay.com/photo/2022/05/24/04/38/study-7217599__480.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
  [href*="/about-us"] div svg {
    display: none;
}
</style>

Quote

On 7/14/2022 at 4:36 AM, tuanphan said:

#2. Use new code, I sent in email

#1. Use this code

<style>
  [href*="/about-us"] div {
    background-image: url(https://cdn.pixabay.com/photo/2022/05/24/04/38/study-7217599__480.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
  [href*="/about-us"] div svg {
    display: none;
}
</style>

 

 

Can you share the code for the mobile issue? Having the same problem

On 12/29/2022 at 2:40 AM, binh said:

Can you share the code for the mobile issue? Having the same problem

What is your site url? We can check it again easier

On 12/30/2022 at 1:14 PM, tuanphan said:

What is your site url? We can check it again easier

Hi! 

I opened a new topic with additional issues/information.