Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • #167279
    #168177

    Hello edebe!

    I checked your website in IE8 and both logo and social icons appear.
    I do not have chance to check your website on an ipad but i checked on my iphone and resized the window on chrome, even after i refresh the page your logo is not tiny at all. I guess problem solved?

    Best regards,
    Yigit

    #168254

    Thank you Yigit, but NO problems are not solved. See screen shot attachments. Problem is not on iphone. Problems are only on ie8 and ipad vertical view.

    ie8 – If I set the browser to display in “compatibility mode” – then yes the social icons, logo and menu appear. But the whole page is shifted and nothing else displays correct – for example the 4 column footer becomes stacked.

    I would prefer to get the site to work correctly and show the icons, logo and menu without having to switch to compatibility mode for ie8. See screen shot of issues: ie8 screenshot

    ipad hortizontal view is fine but in
    Ipad vertical view the size of my logo gets too small but not the height of the box. I do not want the logo to get so small on refresh (bug?). I prefer large logo but at minimum want it to fill space nicely. Okay to go to mobile menu to keep logo larger. see screen shots for explanation: ipad vertical view

    #168404

    I also am experiencing the same issue with my top nav on IE8 after updating to 2.2 Please advise.

    http://dev.atlasdie.com/

    #168554

    Hello!


    @mgould
    : Please try to add this on your custom.css or Quick CSS:

    .main_menu ul:first-child > li > a {
    min-width: 100px\9;
    }

    Best regards,
    Ismael

    #168792

    Ismael,

    Thanks for the suggestion, but this code did not work. My menu still appears the same – out of alignment. Any other suggestions?

    Thanks again – Monica

    #168802

    Hey!

    Please try following code instead

    
    #top .main_menu .menu>li>a {min-width: 100px\9;}
    

    If it doesn’t work insert following code to header.php before the closing head tag (</head>)

    
    <!--[if lt IE 9]>
    <style>
    #top .main_menu .menu>li>a {min-width: 100px;}
    </style>
    <![endif]-->
    

    Best regards,
    Peter

    #168803

    The first option did not work, so I will try the second. How do I make that change to the child theme? Or can I?

    #168837

    ie 8
    I tried the css and header code above. All did the same change – Nothing worked properly. It looks like it was trying to fix the menu. This is not a good work around for the menu bug. Items with two words did display correctly on one line. but the fourth word was still stacked like a list. the header menu got too wide and My logo did show up but it was about 5-10 px in size very very tiny. still no social media icons. elwoodtemp.com

    Please help resolve the ie8 issues.

    #169261

    I experience the same misbehaviour of the top menu on IE. The above hints don’t provide a solution to me.

    Btw. i run WP 3.6.1, Enfold 2.3

    • This reply was modified 10 years, 5 months ago by jorche.
    #169304

    Hey!

    After some debugging I found the css rule which seems to break the meno for IE8 users. Try to add following code to the quick css field

    
    .main_menu .menu li a { max-width:none; }
    

    Cheers!
    Peter

    #169336

    This did not work on my site. In fact the previous code worked better although none have completed fixed the problem. ;(

    #169396

    Hello!

    I noticed that I forgot a . at the very beginning. Please try it again.

    Regards,
    Peter

    #169399

    YESS!!!!!!! Thank you!! Works great now!!

    #169408

    Hi!

    Awesome :)

    Regards,
    Peter

    #169416

    Yeah!
    .main_menu .menu li a { max-width:none; }
    Fix menu for ie8
    Thank you!

    my other issues have not been addressed as of yet:
    ie8: no logo appears

    ie8: no social media icons appear

    Ipad vertical view the size of my logo gets too small but not the height of the box. I do not want the logo to get so small on refresh (bug?). I prefer large logo but at minimum want it to fill space nicely. Okay to go to mobile menu to keep logo larger.

    All issues since update to 2.2 – I am now using 2.3.1 same issues persist.

    #169425

    Okay so i though maybe the same css would work for other ie8 problems and it did. here is what i used:

    /*—-ie8 show logo —-*/
    .social_header #top .logo, .logo a { max-width:none; }

    /*ie8 menu fix display horizontal*/
    .main_menu .menu li a { max-width:none; }

    /* ie8 fix show social icons*/
    #top .social_bookmarks li a { max-width:none; }

    /*—- slider nav buttons fix display horizontal —-*/
    .ls-bottom-slidebuttons a { max-width:none; }

    #169479

    Hello!

    You can also try the IE8 hack to change it for all elements:

    
    a {max-width:none\9;}
    

    Regards,
    Peter

    #169501

    Works Great -Thanks

    #169770

    Hello!

    Great, Kriesi will add this code to the next update.

    Regards,
    Peter

Viewing 20 posts - 1 through 20 (of 20 total)
  • The topic ‘ie8 logo social icons and menu problems’ is closed to new replies.