Home Forums Ascend Theme Menu alignment

This topic is: not resolved
In Progress
Posted in: Ascend Theme  
  • February 26, 2018 at 10:35 am #181012

    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

    Sorry, this forum is for Premium customers only. Please Login to continue

    If you are using a free theme you can access support on wordpress.org by searching for the free theme and using the support tab.