[ad_1]
Why is my icon not aligning with the top [here]
The [website is here]) in case someone needs to check the code.
Using this CSS:
.my-advanced-tab-widget .elementskit-tab-icon {
margin-right: 20px !important; /\* Decrease the margin to bring the icon closer to the text \*/
vertical-align: top !important;
}
[ad_2]
Do this instead:
a.elementkit-nav-link { display: flex }
.elementskit-tab-icon { display: block; align-self: start }
or:
.elementskit-tab-icon { display: block; align-self: flex-start }
You might need to add “!important” if the declarations are overriden.
vertical-align is ancient stuff. The Flexbox model is so much better.