Menu alignment

[BG Anders]

BG Anders

February 26, 2018 at 10:35 am

Hi Kadencers,

i had to fiddle with the menus a bit to fit the design requirements – i basically aligned the top menu to the main menu and Ben helped align the main menu to the left and style it a bit.

This is great on every newer browser, but the client complained that the main menu is not in place (see attach). They are an institution with older PC’s and IE 11.09600.

I found that this CSS somehow wasn’t applying on IE 11 and i put it in the custom CSS:
.kt-header-position-above .kt-header-extras ul.sf-menu, .kt-header-position-above .nav-main > ul.sf-menu {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
}

Now this is better and puts the menu on the left. Problem is, i can’t get the top and main menu in a line without messing design in newer browsers. If i align them for IE11, they are not in a line on all other browsers.

I hope you can help me with this.

Thank you