Buy me a coffee

Vertical Social Icons

To make Social Icons vertical, you can follow these.
#1. Social Links Block
First, find Social Links Block ID.
In my example, it is: #block-yui_3_17_2_1_1730073565059_12902

Vertical Social Icons 01 Min

Next, use this code to Custom CSS box.

#block-yui_3_17_2_1_1730073565059_12902 {
    nav {
    flex-direction: column;
}
    nav a {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

Vertical Social Icons 02 Min

Result

Vertical Social Icons 03 Min

#2. Header Social
You can use this code to Custom CSS box.

div.header-actions-action--social {
   & {
    flex-direction: column;
}
    a {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

Vertical Social Icons 04 Min

Result

Vertical Social Icons 05 Min