Hi there, if you write a very specific rule in your normal css
1. it will override the less specific rule for .flex-column no matter when it is declared
2. it will not affect all the other instances of .flex-column used in the theme
something like this:
#nav_menu-2 .menu-socials-container ul#menu-socials.flex-column li {
display: inline-block !important;
margin-right:10px !important;
}
Hi there,
display: inline-block; should work. 2 things I can think of:
1. for some reason the new style is not applied / uploaded.
2. the style is overridden by another rule.
Could you select the #menu-socials li element, right-click and go ‘Inspect element’?
that will show you the HTML code of the element and the rules that style your element.
Try to find the rule you wrote and see if it is active or overridden (crossed over)
