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
![]()
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;
}
}
![]()
Result
![]()
#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;
}
}
![]()
Result
![]()