moving social links on header

Site URL: http://www.fullscoreeducation.com

Wanting to add a custom css to move social links to below the free webinar button. Everytime I add a custom css the free webinar button moves with the social links. Is there anyway I can just move the social links? Thank you.

Hi,

I don't see social icons now. Can you enable it?

Hello,

It's now enabled and thank you for your help!

17 hours ago, FullScoreEducation said:

Hello,

It's now enabled and thank you for your help!

Add to Design > Custom CSS

/* Move icons under button */
.header-actions.header-actions--right {
    flex-direction: column-reverse;
}
.header-actions-action.header-actions-action--social {
    margin-top: 10px;
}

Thank you for your help! Just wanting a small tweak. When I inserted the custom CSS, it moves the free webinar slightly up. Is there a way to keep it aligned with the other menus and have the social links at the bottom, right above the main image?

On 9/2/2021 at 6:14 AM, FullScoreEducation said:

Thank you for your help! Just wanting a small tweak. When I inserted the custom CSS, it moves the free webinar slightly up. Is there a way to keep it aligned with the other menus and have the social links at the bottom, right above the main image?

 

Try this new code

/* Move icons under button */
.header-actions.header-actions--right {
    flex-direction: column-reverse;
}
.header-actions-action.header-actions-action--social {
    margin-top: 10px;
}
.header-display-desktop {
    align-items: flex-start;
}

that's perfect thank you.