Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1120811
    Otto
    Participant

    Hi,

    Site: http://exelix.nl/exelix2016
    Stack: Renew with child theme

    I’m developing a site and still have 2 problems to tackle:
    1. The submenu isn’t showing in IE (11). The submenu seems to be at the right place, just doesn’t show.
    2. The cards animation has a glitch in IE. When turning the back is shown to quick. When turning back, the front is showing to quick.

    Can you pleace help?

    Regards, Otto

    #1120942
    Christian
    Moderator

    Hey Otto,

    1. Please delete this code in your style.css

    	.x-navbar {
        	overflow-y: hidden !important;
    	}

    2. The Card element uses CSS3 properties which are not fully supported by IE. There is currently no solution for this.

    Thanks.

    #1120964
    Otto
    Participant

    Hey Christian,

    Thank you for the quick reply.

    This declaration was only targeted for IE. After deleting this declaration another (global) one kicks in. But now I know where to look.

    De property is now set to:
    .x-navbar {
    overflow-y: visible!important;
    }

    This works in IE, Chrome, Firefox and Safari.

    Thank’s for your help! I have been struggling with it.

    #1120967
    Otto
    Participant

    Ooh, I could even drop the “!important” part.
    So it’s:

    .x-navbar {
    overflow-y: visible!important;
    }
    #1120968
    Otto
    Participant

    Sorry:

    .x-navbar {
    overflow-y: visible;
    }
    #1121221
    Rad
    Moderator

    Hi there,

    Is it okay now? Glad it’s fixed now. But about the card, IE doesn’t support modern styling.

    Thanks!

    #1121899
    Otto
    Participant

    Yes it’s working fine now. I understand the limitations of IE for styling the cards.

    #1121943
    Christian
    Moderator

    You’re welcome and thank you for understanding.

  • <script> jQuery(function($){ $("#no-reply-1120811 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>