-
Posts
-
Hello,
I’ve been spending quite a bit of time trying to figure out how to change the color of the current menu item and hover for the top navigation. It works pretty well right now in Chrome, but not at all in IE 11. I can’t find where to change that color within the css, or anywhere else, and I was hoping you could assist. Also, if I have a second level (i.e., dropdown) below a main nav item, the underline becomes two colors, which seems odd. If you would like me to send you a link, I will do so next message as I cannot seem to find a way to send the initial first message as private. Thanks so much. If I could get some feedback asap, I would appreciate it, as we are hoping to launch our site very soon.
Thanks!
The same issue is occurring in Firefox. The underline should be the blue that is showing in Chrome. I just need to know how I can fix that across browsers. Thanks!
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab to change the top border color of dropdown menu and adjust as needed
.header_color .main_menu ul:first-child >li > ul, #top .header_color .avia_mega_div > .sub-menu { border-top-color: red; }and please go to Enfold theme options > Advanced Styling to change the color of main navigation
Cheers!
YigitI put it in the Quick CSS but it’s still not right in IE or Firefox. Plus, the dropdown hovers should be light blue and not light gray, as they are in IE and Firefox. I didn’t adjust anything in Advanced Styling, as I wasn’t sure what needs to be adjusted. It’s just the that border underneath the main nav items (which should be light blue), and the hover state of the dropdowns should be a very light blue, not gray. Please advise. Thanks!
I just tried changing the hover color on the sublevel navs, and it is fine on Chrome, but still not working on Firefox. Plus, for some strange reason, things keep changing on the colors for my icons on the home page. They, too, should be blue, but they are gray in IE and FF. I change them in the CSS, but they just revert back. I’ve done this many times. :(
Ok, so I think I found the issue. IE and Firefox do NOT like styles in the Quick CSS, but want the styles changed directly within enfold.css. That’s the ONLY way I can get it to work cross browser. My assumption is that when I enter anything in Quick CSS, it is dynamically written to the enfold.css, correct? I really don’t know of a fix other than to just put all my changes directly into enfold.css and not touch Quick CSS or any of the styling within the dashboard. Thoughts?
Hey!
Thank you for using the theme!
Please add this at the very bottom of Quick CSS or custom.css then delete the enfold.css file and save the theme options again to regenerate the file. Make sure that the file permission is 755 or higher.
.header_color .primary-background, .header_color .primary-background a, div .header_color .button, .header_color #submit, .header_color input[type="submit"], .header_color .small-preview:hover, .header_color .avia-menu-fx, .header_color .avia-menu-fx .avia-arrow, .header_color.iconbox_top .iconbox_icon, .header_color .iconbox_top a.iconbox_icon:hover, .header_color .avia-data-table th.avia-highlight-col, .header_color .avia-color-theme-color, .header_color .avia-color-theme-color:hover, .header_color .image-overlay .image-overlay-inside:before, .header_color .comment-count, .header_color .av_dropcap2 { background-color: #649ECB !important; border-color: #649ECB !important; }Best regards,
Ismael
- The topic ‘Top Navigation Current Menu Item and Hover Underlines’ is closed to new replies.