Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 4, 2019 at 10:31 am #1086952
    webworm72

    Nikko helped me with this , referencing ticket #1085695 , he closed ticket before I saw the issue with the other browsers
    It Works fine in FireFox and Chrome but not IE11 and Edge…any thoughts ?
    ===================================================
    #header #header_main nav.main_menu {
    padding-right: 0;
    width: calc(100% – 250px);
    }

    #header #header_main nav.main_menu .avia-menu,
    #header #header_main nav.main_menu .avia-menu #avia-menu {
    width: 100%;
    }

    #header #header_main nav.main_menu .avia-menu #avia-menu {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    }
    ========================================================

    • This topic was modified 5 years, 8 months ago by webworm72.
    April 7, 2019 at 8:39 pm #1088036
    webworm72

    I found another code snippet here on the forum to add space between the main menu items and it works on all browsers if anyone is interested see below
    we can close this ticket.

    #top #header .av-main-nav > li {
    padding-left: 70px;
    padding-right: 70px;
    }

    April 8, 2019 at 4:15 pm #1088372
    Günter

    Hi,

    Thanks for sharing this solution and that your problem is fixed.

    Feel free to come back if you need further assistance. Enjoy the theme and have a nice day.

    Best regards,
    Günter

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Header Code Works in FireFox and Chrome but not IE11 and Edge’ is closed to new replies.