- This topic is empty.
-
AuthorPosts
-
June 20, 2015 at 11:17 am #204025typo_78Participant
I am experiencing elements position misbehaviour into my page, in IE(11) only; live link here. The logotext, the menu and the left sidebar text, remain in place doesn’t move with the
wrapper
when the left slider is open (clicking on info+ button). I’ve read aboutposition: fixed
+transition
in IE problems.I’ve tried to apply
position: expression(fixed);
to theheader
but something went wrong and thewrapper
receive a brake-movement at open/closing slider. (The sidebar didn’t work withposition: expression(fixed);
)Also I’ve tried to tweak the
css
modifying the element position values instatic/ absolute
but without succees..header { position: absolute; } .bar-side { position: absolute; }
These will work with the slider but also will move on vertical scroll.If I ca fix that somehow, could be a solution.
Tests are made in full screen, the theme is not for mobile screens.Any thoughts?
June 21, 2015 at 3:05 am #204032typo_78ParticipantIf this helps for someone, for a quick solution add transform separately for IE, in IE only css hack.
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .header, #bar-left{ left: 0; transition: all .5s; } .shiftnav-open .header, .shiftnav-open #bar-left{ left:590px; } }
special thanks to @afelixj
June 21, 2015 at 9:05 am #204037typo_78ParticipantHey there, I guess that you reffer at
/* Header Height */
.header {
height: ;
}this is just a theme custom field left blank. True, now everything is looking good, but if you remove the above IE hack from the IE console the things will be as described in the first post.
Anyway, lately, I’ve discovered that this hack will fork with one exception. In fullscreen sliders (revolution slider) like we have here for exemple, will not work in IE11. Please try to compare with Chrome/Firefox to see the difference, clicking on infos+ gold button. Any sugestions?
special thanks to @afelixj
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.