Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 1, 2015 at 7:43 pm #481704
    Guenni007

    i got a testsite copy of a website and there is a headline rotator. Headings are placed on bottom of that section. On IE11 and even on mobile this works great but Edge not – you can see it here:

    http://webers-testseite.de/carpe/our-way/

    I know it is a little bit too early to say something about Win 10 – it works so far better than i expected. But Edge is often a problem.

    August 3, 2015 at 12:05 pm #482023
    Ismael

    Hi Guenter!

    Thank you for using Enfold.

    Do you see any errors when you check the site on Edge browser’s console? I’m afraid we don’t have the browser at our disposal yet but we will check it as soon as possible.

    Best regards,
    Ismael

    August 3, 2015 at 12:47 pm #482052
    Guenni007

    the headings are seen first as i set it in quick.css – but then immediately flip to top of the color section.
    Even IE 11 gets it and all other browsers too. But only edge is buggy in this settings.

    August 3, 2015 at 8:38 pm #482404
    Guenni007

    here is a short movie how it “works”

    http://webers-testseite.de/carpe/edge-bug/

    August 4, 2015 at 5:20 pm #482845
    Ismael

    Hey!

    Thank you for the info. What is the css code that you use to change the position of the rotator? I can’t seem to find it in the code inspector.

    Regards,
    Ismael

    August 4, 2015 at 6:58 pm #482901
    Guenni007

    i compared the code in developer tools in situ

    and on edge the style from the headline rotator active span is:

    
style="transition:0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); display:inline; opacity: 1; transform: translate(0px, 0px);"

    on firefox f.e.:

    
style="transition:0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s; display:inline; opacity: 1; transform: translate(0px, 0px);"

    the 0s is the delay of transition? is’t it?
    could this be the reason for the output ?

    i set a class for the color-section containing the rotator to: “ourway”

    
.ourway .post-entry.post-entry-type-page.post-entry-550 {bottom: 10%; position: absolute !important; right: 0}
.ourway h2.av-rotator-container-inner{font-size:30px!important;line-height:50px!important}
.ourway h2.av-rotator-container-inner span{font-size:24px!important}
    • This reply was modified 9 years, 4 months ago by Guenni007.
    August 4, 2015 at 7:10 pm #482908
    Guenni007

    ok deep in the deepest bottom of my brain there is a rembering that IE browser got problems if a positioning was set to absolute without giving a positioning to the parent div ! (allthough IE11 got it without that code)

    that solves the edge problematic :

    .ourway .content {position: relative !important}

    can be closed now

    August 4, 2015 at 9:40 pm #482999
    Basilis

    Hi!

    Glad you got it shorted out.
    Let us know if we can do anything else.

    Best regards,
    Basilis

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Oh – Edge on Windows 10 is again totaly different to IE11 etc.’ is closed to new replies.