Tagged: , , , ,

Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • September 27, 2013 at 8:11 pm #167279
    September 30, 2013 at 4:16 pm #168177
    Yigit

    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

    September 30, 2013 at 6:31 pm #168254
    edebe

    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

    September 30, 2013 at 10:04 pm #168404
    mgould

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

    http://dev.atlasdie.com/

    October 1, 2013 at 5:33 am #168554
    Ismael

    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

    October 1, 2013 at 2:59 pm #168792
    mgould

    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

    October 1, 2013 at 3:32 pm #168802
    Dude

    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

    October 1, 2013 at 3:38 pm #168803
    mgould

    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?

    October 1, 2013 at 4:49 pm #168837
    edebe

    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.

    October 2, 2013 at 11:59 am #169261
    jorche

    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 11 years, 2 months ago by jorche.
    October 2, 2013 at 1:41 pm #169304
    Dude

    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

    October 2, 2013 at 2:30 pm #169336
    mgould

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

    October 2, 2013 at 4:33 pm #169396
    Dude

    Hello!

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

    Regards,
    Peter

    October 2, 2013 at 4:38 pm #169399
    mgould

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

    October 2, 2013 at 4:53 pm #169408
    Dude

    Hi!

    Awesome :)

    Regards,
    Peter

    October 2, 2013 at 5:01 pm #169416
    edebe

    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.

    October 2, 2013 at 5:19 pm #169425
    edebe

    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; }

    October 2, 2013 at 6:47 pm #169479
    Dude

    Hello!

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

    
a {max-width:none\9;}

    Regards,
    Peter

    October 2, 2013 at 7:18 pm #169501
    edebe

    Works Great -Thanks

    October 3, 2013 at 7:20 am #169770
    Dude

    Hello!

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

    Regards,
    Peter

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