How to fix the TouchM Main Menu for IE8?

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:

/* ============================================= */ /* ======================== Sliders ===================== */ /* ============================================= */ /* ===== General Sliders ==== */ .slider{ padding:0px;} Just before that add this: /* 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:  .lt-ie9 .top-bar ul li a.active

in this


/* ======================== 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, 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