For all that need to have the main menu fixed for the IE8 here is the tutorial on how to.
Open you style1.css file.
Look for line 333 (if you made changes to the main css you may have another line) or look for this:
- Code: Select all
/* ============================================= */
/* ======================== Sliders ===================== */
/* ============================================= */
/* ===== General Sliders ==== */
.slider{ padding:0px;}
Just before that add this:
- Code: Select all
/* IE8 Fixes */
.lt-ie9 .top-bar ul li a { color: #666; display: block; font-size: 14px; font-weight: 400; height: auto; line-height: 45px; padding: 20px 20px 20px 20px; }
.lt-ie9 .top-bar ul li a.button { height: auto; line-height: 30px; margin-top: 7px; }
.lt-ie9 .top-bar ul li a:hover { color: #cccccc; }
.lt-ie9 .top-bar ul li a img { margin-top: -5px; vertical-align: middle; }
.lt-ie9 .top-bar ul li a.active { color: #fff; }
.lt-ie9 .top-bar ul li.has-dropdown { padding-right: 0px; margin-right:0; }
.lt-ie9 .top-bar ul li.has-dropdown > ul li { padding-right: 0; }
To have the active link of the menu using the color code that you wish just add this:
- Code: Select all
.lt-ie9 .top-bar ul li a.active
in this
- Code: Select all
/* ======================== Background Color ===================== */
.highlight, .button, .button.dropdown.split > span, .button.dropdown.split:hover, .button.primary, div.alert-box, .label, .panel.callout, .user-control .notification, .login-modal .close-reveal-modal, .top-bar ul > li a.active, .tp-leftarrow:hover, .tp-rightarrow:hover, a.prev:hover, a.next:hover, .content_top, .service-icon img, .service:hover .service-sub, .hover-links a.view-item, .hover-links a.view-image, .content_bottom, div.progress .meter, .accordion-title.active, .ol-type1 > li:before, ul.pagination li.current a, .scrollup:hover, .toggle-view li:hover span, .service-block-icon, .left_pagination:hover, .all_pagination:hover, .right_pagination:hover, .post-date-type1 .post-date-day, .recent-post .post-date-type1 .post-date-day, .option-set li a.selected, ul.side-nav li.active a, .tabs.vertical dd.active a, .tabs.vertical li.active a, .lt-ie9 .top-bar ul li a.active { background-color: #ff6633;}
Remeber. When you do that to put a comma | , | before it.
I hope this helps. You can re-download the item from themeforest in case you did no changes to this files: style1.css and colors css.
Cheers
