Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #872878

    Hi everyone,

    I have a problem with Internet Explorer compatibility.
    As anyone can see in the image below, when scrolling down, you are able to see the yellow dots above the menu items.

    In Google Chrome and Firefox there are no issues.

    Anyone an idea how to fix this?

    http://dl.devq.nl/kriesi.menu.png

    #873846

    Hey insanityNL,

    What version of IE is it, can you give us more info please?

    Best regards,
    Basilis

    #876930

    My apologies for the late reply. I forgot to turn on notifications.

    It happends in IE 11 and Edge. All updated to the latest version

    Any ideas?

    • This reply was modified 7 years ago by insanityNL. Reason: spelling
    #877930

    Hi,

    Odd. It’s only visible in the home page and it disappears when you resize the browser. Did you modify any theme files? Is the site running on the latest version of the theme? Please upgrade to version 4.2.

    Best regards,
    Ismael

    #877958

    Hi Ismael,

    thank you for your reply.
    I’m using a child theme since day one. So the core files are not edited.
    The theme is updated to the latest version now, but the problem still remains. How can we fix this?

    #878162

    Hi insanityNL,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    .header_color .avia-menu-fx {
        background-color: transparent;
    }
    

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #880430

    Hi Victoria,

    this solution didn’t help with the issue.
    Here is mij current custom CSS:

    #top #wrap_all .av_header_transparency, .av_header_transparency
    #advanced_menu_toggle {
    display: none;
    }
    
    @media only screen and (max-width: 767px) {
    
    .responsive #top #wrap_all #header {
        position: fixed;
        background: transparent;
        }
    }
    
    .av_header_transparency .logo { 
           opacity: 0; 
    }
    
    .logo { 
           opacity: 1; 
    }
    
    .av_header_transparency .main_menu {
           opacity: 0; 
    }
    
    .main_menu { 
           opacity: 1; 
    }
    
    li.page_item.page-item-645  {
        display: none !important;
    }
    
    .pricing-extra {
        background: #fff;
    }
    
    #socket .copyright {
        float: right !important;
       }

    Any suggestions?

    Added login details down below.

    • This reply was modified 6 years, 12 months ago by insanityNL.
    #881181

    Hi insanityNL,

    I thought we were talking about the three dots in the IE11, what’s up with all that css? Are you having other issues?

    Best regards,
    Victoria

    #881440

    Hi Victoria,

    thank you for your reply.

    That is correct.
    I’m just showing the css I used to make changes. Maybe I did something wrong.
    However the problem still remains.

    #881813

    Hi,

    Thank you for the info. Please try the following css code.

    .avia-msie .header_color {
        color: transparent;
    }

    Don’t forget to remove the browser cache before checking the page.

    Best regards,
    Ismael

    #974391

    This topic may be closed since Ismael gave the solution ;)

    #974397

    Hi,

    I’m glad you were able to get this issue resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Internet explorer issues’ is closed to new replies.