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

    Hi,

    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.

    #198566

    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;
    }

    Cheers!
    Ismael

    #198580

    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(menu.bigSlide.length)
    {
    menu.header.css({‘padding-bottom':’0px’}).addClass(‘shift_menu’);
    }
    else
    {
    menu.slideWrap.addClass(‘site-background’);
    }

    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.

    Cheers

    Steve

    #199161

    Hey!

    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?

    Regards,
    Devin

    #199206

    Hi

    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.

    Cheers

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

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