New Topic

theme isn't displayed properly in ie8

Home › Forum › Bugs › theme isn't displayed properly in ie8

This topic contains 14 replies, has 3 voices, and was last updated by  StartupWP 4 years, 7 months ago.

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
  • #541


    I’ve already disabled all the plugins, but the theme is still very different with ie8 or older… is it possible to fix it?



    The theme is definitely not intended for out-dated browser versions.

    However, if you detail the specific issues we may be able to provide a solution.



    I know it’s outdated but I can’t force my customers to change their browser, they would rather leave the site… I’ll try to fix it



    We can try and assist if you can provide more specific details.

    Also, if you have Google Analytics installed you can see the percentage of your visitors that actually use IE.

    Web design is like any other aspect of business, you have to weigh the pros and cons and see what’s best for the majority of your visitors. No website can look perfect across all browsers, devices, operating systems etc. The theme itself is coded validly and is standards-compliant. While IE9+ has become a lot more usable, older versions are very problematic and there’s simply nothing we can do about that.



    Drop down lists are displayed incorrectly.  after clicking on a link in the nav menu, font becomes humongus (larger) and the url background image of the link is transparent.  link cannot be clicked any more. i have screendumps but do not see any way to attach the images



    normal appearance  [IMG][/IMG]

    abnormal  [IMG][/IMG]

    unable to get a screenshot of the  transparent ul background, since when I click to get the shot, the dropdown closes….

    these are all taken  on a virtual machine  /WINXP  / IE8  running on a MacPro…    chrome, firefox IE9 run OK,  but Opera does not look good  either, same probs as IE8



    It looks like whatever CSS is being used for the lower/footer menu is conflicting with the main menu CSS.

    Could you share all your custom CSS (that you added yourself) in a reply or via and also let us know where you’re placing it.



    startuppro-child style.css:

    startuppro options:

    splash template (splash.php):

    Thank you!




    Try simply adding:

    nav ul li a:hover{font-size:12px}



    I have added the following to the  child.css in order to get control over IE8 dropdowns:

    (for anyone else having the same troubles:  distorted nav ul and  ul li text sizes and empty (transparent) drop down backgrounds …  )

    nav .parent > a, nav .parent > a:hover{background-image:url(images/arrow.png);background-position:right;background-repeat:no-repeat}
    nav ul ul .parent > a, nav ul ul .parent:hover > a:hover, nav ul ul li:hover ul .parent >
    a, nav ul ul li:hover ul .parent > a:hover{background-image:url(images/arrow-right.png);background-position:right;background-repeat:no-repeat}
    nav ul, nav ul li{display:inline}
    nav ul li a{display:inline-block;font-family:’lucida grande’,helvetica,arial,verdana,sans-serif;
    font-size:12px !important;color:#fff;line-height:38px !important;text-decoration:none;text-transform:uppercase;
    font-variant: small-caps;text-shadow:1px 1px 1px #333;padding:0 15px;border-right:1px solid #555}
    nav li a{margin-left:-4px}
    nav ul li a:hover{font-size:12px;color:#fff;text-decoration:none;box-shadow:0 0 5px #000 inset;background:#444}
    nav .current-menu-item a, nav .current_page_item a{color:#ccc;text-shadow:none}
    nav .current-menu-item .sub-menu a, nav .current_page_item .children a{color:#fff;text-shadow:1px 1px 1px #333}
    nav ul > li:first-child a:hover{border-radius:5px 0 0 5px}
    nav .sub-menu li a, nav .children li a{border-radius:0 !important}
    nav li .sub-menu{margin-left:-4px}
    nav ul li{position:relative}
    nav li ul{display:none;position:absolute;top:29px}
    nav li ul a{background:#666}
    nav ul ul li:hover ul, nav ul ul ul li:hover ul{margin:-34px 0 11px 179px}
    nav ul li:hover ul{display:inline-block}
    nav ul ul, nav ul li:hover ul ul, nav ul ul li:hover ul ul{display:none}
    nav ul li:hover ul, nav ul ul li:hover ul, nav ul ul ul li:hover ul{display:block;z-index:2147483647}
    nav ul li:hover ul li a, nav ul ul li:hover ul li a, nav ul ul ul li:hover ul li a{font-size:12px !important;
    line-height:30px!important;width:150px;padding:0 14px !important;border:1px solid #444;margin:-1px 0 0;opacity:0.9}
    nav ul li:hover ul li a{background:#666}
    nav ul ul li:hover ul li a{background:#666}
    nav ul ul ul li:hover ul li a{background:#666}
    nav ul li:hover ul li a:hover, nav ul ul li:hover ul li a:hover, nav ul ul ul li:hover ul li a:hover{background:#555;opacity:1;box-shadow:none}


    I still have trouble with the sub menu li being indented after being clicked… clear the cache, then it is OK until the next click.



    Can we get the live link to your website?




    it’s in Swedish, but just click on the menu  “produkter”  and the click on  one of the produkter , then click on the logo in the menu, then look at the drop down under produkter again….  everything that you clicked on is now indented…



    Unable to recreate, can we see screenshots of this new/different issue please.

    Also, please note that while we’re attempting to help you as a courtesy, IE8 is a very out-dated browser and may simply not be able to “keep up” with a modern website.



    Here it is:

    the menu items started out as left aligned, after becoming visited links, now they are center aligned.  only on splash page, they are OK on the dynamic pages.

    I do appreciate your help, I realize that IE8 is obsolete, but my workplace has another opinion on the matter…

    Thank you .



    Unfortunately, I think we may have run out of ideas.

    You should try removing all custom CSS you’ve added temporarily to see if that is what the conflict is for sure in order to help narrow the issues down. Make sure to clear all caches after removing it.

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

You must be logged in to reply to this topic.