-
Posts
-
Hi guys!
Slight display problem in IE10 which I’m not sure how to fix. Details and screenshots in private.
Hi!
The only difference I see in IE10 is the contact us link in your menu is dropping down to the next line. You should be able to fix that by increasing your site with a bit in Dashboard > Enfold > General Layout > Dimensions.
As for the sub menus it’s displaying that way in other browser as well. Try adding this to your custom CSS.
.widget_nav_menu ul { list-style: outside none none !important; }Cheers!
ElliottHi!
I see the borders on my end but they are very faint. You can try increasing the effect a bit with this CSS.
.avia-msie .widget_nav_menu ul:first-child > .current-menu-item, .avia-msie .widget_nav_menu ul:first-child > .current_page_item, .widget_nav_menu ul:first-child > .current-menu-ancestor { box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.7) !important; }Best regards,
ElliottIt’s still not perfect, I hate IE :/. Is there no way I can make it load different css for people who use IE?
Hey!
Yes, it is possible but this will require tons of modification. As we all know, lower version of IE tends to render the page differently compare to other browsers so it is expected to see slight changes when viewing the page.
Best regards,
IsmaelIt’s also worth noting that this site is the only one using Enfold which has had issues with Internet Explorer, and ironically the only one which needs to work on it xD.
Hey!
Your talking about the background of the current menu link in your sidebar correct? You can use this CSS to change it’s background.
.widget .current-menu-item { background: none repeat scroll 0 0 purple !important; }Your screenshot looks very faint when compared to how it’s displaying on my end. Perhaps it’s something wrong with your monitor? Have you tried viewing on a different computer?
Regards,
ElliottHi!
Are you using some CSS specific to Chrome? Your site looks a lot different to me in Chrome than it does in other browsers, Firefox, IE, etc.
Regards,
ElliottI know, this is the problem which I can’t understand. I don’t think I’m using browser-specific CSS… Most sidebars have the same CSS as this, using hex codes:
#menu-curriculum {
background: #832d90;
padding: 25px !important;
color: white;
height: auto;
}But I’ve even tried with CSS like this which is active on the site now, and still it doesn’t show a colour (basically it’s just an image of the colour repeated as a fallback):
#menu-for-our-parents {
background: rgba(131,45,144,1) url(../img/purp.jpg) !important;
padding: 25px !important;
color: white;
height: auto;
display: inline-block;
}I wish there was a way I could test this on IE but we only have Macs :/.
Hi!
Not all browsers supports RGBa, try to use this:
#menu-for-our-parents { background: rgb(131,45,144); /* The Fallback */ background: rgba(131,45,144, 1); }Or use hex color values.
Cheers!
IsmaelThat didn’t work either, and most of them are hex values. Surely it must be something simple when all other sites work fine?
I’ve been testing this in IE, and it just doesn’t pull the CSS for that section at all, why could that be?
Hi!
I’m seeing a 404 not found error on your child theme stylesheet in Firefox. It looks like you renamed the Enfold theme folder and then your trying to import that into your child theme style.css file which you should not do. Remove this line.
@import url("../wp-content/themes/positive-theme/style.css");Or is that a stylesheet from a completely different theme? If so then switch it to this.
@import url("../positive-theme/style.css");Regards,
ElliottI removed the line in the stylesheet and it still doesn’t display right, I agree it’s like the stylesheet is missing for those browsers. Really strange.
Regards
Guys, it’s really important this works because 65% of the audience is using Internet Explorer, and there’s a LOT of people accessing this site. Need it fixed ASAP ideally, any recommendation what I should do next?
Hi guys just to let you know this problem is sorted now!
Can’t believe such dumb issues exist and can ruin your site, but this is technology after all!
After going through my stylesheet in firefox, 1 character was displayed funny due to being a ’ rather than a ‘ . This one problem caused the site to display funny.
Thanks for all the help and sorry to be a pain!
- The topic ‘Problems in IE10’ is closed to new replies.