Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #198516


    I have had a problem with the very nice sliding menu pointer when viewing web site on IE11, (not sure if same on other versions). basically the menu pointer does not show, and because of some changes I have made to the height and position of items in the header, this can cause some slight issues in the position of drop down menu etc. Not major but it niggles at my OCD. I can see the same thing happens on the Coherence demo site although the effect if not particularly noticeable.

    It appears that on IE 11 the html for “<Div Class=”invers_pointer_wrap… is not being created. Although the sliding pointer is very nice, for consistency I have commented out the code in js/avia.js which creates the html. My questions are …

    1. Is there a way of getting the slider to work with IE 11?
    2. Can I add some code to Custom CSS to remove the pointer, so I am not hacking the original avia.js file.

    Thanks for any help.


    Hi 13adger!

    1.) Can you please give us a link to the page with the slider?

    2.) You can add this on your custom.css or Quick CSS:

    .invers_pointer_wrap {
    display: none;



    Hi Ismael,

    Thanks for the reply. my site is currently under development and only on local host at the moment, however the same effect can be seen on the Coherence demo site. When viewed on IE 11, you will see the sliding pointer disappears.

    your custom css does turn off the slider but it I still have slight sizing issues because of the following lines in avia.js


    If I have a slider it extends the header down into the main body so the slider image can be seen through the menu pointer. Nice effect but a problem if not working in the browser.

    I am commenting code so that it always calls menu.slideWrap.addClass(‘site-background’); at the moment so the header is always the same size.





    Its disabled in IE as the last time I looked IE couldn’t support the needed transitions for it. If you are commenting out the code now, what is the issue that is still happening?




    As I say the only thing that caused me a problem was the conditional statement I identified in my previous post. it caused slight differences in the header height between pages with full width slider and ones without. It would be nicer if I could force it to always call the same conditional option through some custom css so that i wasn’t editing the main file. To be honest this is not a major issue. I’m happy with my current solution. I may come back to it at some point in the future, but for now I am happy for the thread to be closed. Thanks for your help.


Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Menu Sliding Pointer IE 11’ is closed to new replies.