center icons above menu titels

Hi moderators!

In an earlier post i asked a lot of manual adjustments. It was a bit beyond the scope of support. So i tried to do it myself and i came much further.
The only problem now is that i can’t get my icons centered above the menu titles.

the code that was provided only puts the first title/ icon in the right position.

I hope you guys can help me out with this.

This was the code what was provided and added:

.av_seperator_small_border .av-main-nav > li:first-child > a > .avia-menu-text {
border-left: none;
display: block;
}

.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text i {
display: block;
text-align: center;
}

.html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li > a {
height: 82px;
line-height: 82px;
}

.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text i {
display: block;
text-align: center;
width: auto;
height: 32px;
top: 20px;
position: relative;
}

• This topic was modified 7 years, 2 months ago by KingFilly.