How can I change social icons to the top or on the header for Flatiron template ?

Site URL: https://www.jungmin-studio.com/

I'm using Flatiron template and I can see the social icons on the footer. I want to move to the top or header. Can you help me? 

10 hours ago, MiniMini said:

Site URL: https://www.jungmin-studio.com/

I'm using Flatiron template and I can see the social icons on the footer. I want to move to the top or header. Can you help me? 

Above logo or next to Navigation Items?

Did you get a solution for this? Thanks.

On 9/1/2021 at 9:07 PM, Pocamuffin said:

Did you get a solution for this? Thanks.

Can you share link to your site? Which position you want? We can take a look

Hi - thanks for reply. I'm working on a new site, as soon as it's live I'll send the link. 

Hi – this is the link to the site: http://alextreadway.co.uk/

There's two things I can't seem to do. First, I can change every font in CSS except the date on the blog... http://alextreadway.co.uk/journal

I would also like to have the social link (instagram icon) at the top near the navigation. Is there a way to do this? Any help much appreciated. Thanks, Alex

22 hours ago, Pocamuffin said:

Hi – this is the link to the site: http://alextreadway.co.uk/

There's two things I can't seem to do. First, I can change every font in CSS except the date on the blog... http://alextreadway.co.uk/journal

I would also like to have the social link (instagram icon) at the top near the navigation. Is there a way to do this? Any help much appreciated. Thanks, Alex

#1. Use this CSS

time.published {
    font-family: 'National2Condensed' !important;
}

#2. Icon next to Alex icon?

17 minutes ago, tuanphan said:

#1. Use this CSS

time.published {
    font-family: 'National2Condensed' !important;
}

#2. Icon next to Alex icon?

Amazing – thanks so much! The date has changed font which is great but it's making it bold. Any way to stop it making it bold? 

Re Social icon – yes just to the right of the navigation at the top would be great. No idea how to do this. 

On 9/16/2021 at 8:16 PM, Pocamuffin said:

Amazing – thanks so much! The date has changed font which is great but it's making it bold. Any way to stop it making it bold? 

Re Social icon – yes just to the right of the navigation at the top would be great. No idea how to do this. 

#1. Use this code

time.published {
    font-family: 'National2Condensed' !important;
    font-weight: normal !important;
}

#2. Add to Design > Custom CSS

header#topBar a[href*="instagram"]:before {
    content: "\f16d";
    font-family: "Font Awesome 5 Brands";
    visibility: visible;
}
header#topBar a[href*="instagram"] {
    visibility: hidden;
}

I'm just getting a square for the instagram link in the nav?

Edit: Got the IG to work by adding the footer code, but want to add twitter too if possible?

On 5/5/2022 at 12:09 AM, jaax said:

I'm just getting a square for the instagram link in the nav?

Edit: Got the IG to work by adding the footer code, but want to add twitter too if possible?

 

Twitter is this code

header#topBar a[href*="twitter"]:before {
    content: "\f099";
    font-family: "Font Awesome 5 Brands";
    visibility: visible;
}
header#topBar a[href*="twitter"] {
    visibility: hidden;
}