-
AuthorPosts
-
March 24, 2016 at 2:06 pm #603040
I think I have sone conflicting CSS or Advanced Styling Settings.
1. On pages without the transparent header (“Team” (submenu) and “News”) the menu titles disappear on hover because they are set to white.
However, if I change them to another color they change site wide.
I want to keep all pages with transparent headers the way they are now.
I only want to fix pages without transparent headers. (“Team” (submenu) and “News”)2. Re: the About > submenu (Team).
Once I select “Team”, the menu title “About” disappears.
This is also because the “Team” page does not have a transparent menu.3. On the “Team” (submenu) and “News” pages, the phone number and text disappears.
This is also because these pages do not have a transparent menu.Screenshot is numbered as listed above
https://dl.dropboxusercontent.com/u/1049926/Screen%20Shot%202016-03-24%20at%206.00.03%20AM.pngI would prefer to clean up the CSS and the Enfold styling settings rather than add more CSS. Whatever you think is best.
Feel free to look around.
Thank you,
Jas
March 27, 2016 at 11:29 am #603873Hey Jasmer!
We have added the below CSS in Enfold > General Styling > Quick CSS
/* menu hover color*/ .header_color .main_menu ul:first-child > li a:hover, #top #wrap_all .av-main-nav ul > li:hover > a .avia-menu-text{ color: #000!important; }
Regards,
VinayMarch 29, 2016 at 10:37 am #604343Hi Vinay,
This did not fix any of the issues I described above. The above added CSS just changed the hover color to black which I do not want. Will you please reread the above description? I know you guys are busy but this is very frustrating as this addressed none of the issues described above. It has taken several days to get an answer so when this happens I have to wait several more days. Thank you for your help. I do understand you are busy.
Here are two more screenshots to describe.
1. SELECT ABOUT > TEAM and you will see the following.
https://dl.dropboxusercontent.com/u/1049926/Screen%20Shot%202016-03-29%20at%203.24.24%20AM.png2. SELECT NEWS and you will see the following.
https://dl.dropboxusercontent.com/u/1049926/Screen%20Shot%202016-03-29%20at%203.24.05%20AM.png3. I removed the CSS you added as it did not address the problem and I do not want the hover to be black. I’d like it to stay the original color.
4. IMPORTANT. Problem #1 and Problem #2 above will happen on all pages with no transparent header, so it must be a CSS fix for all current and future pages. i need a site wide fix for all pages with no transparent header.
5. As I said in my first post. It may be that there is some conflicting CSS. I added all CSS to Quick CSS so you can easily see if there is a problem.
Thank you again for your time,
Jas
March 30, 2016 at 11:34 am #605083Hi!
For all pages without transparent header you have a white background and by default the menu link color is also white so it appears that the menu text disappears on few pages…
Using css you can target this by adding the page ID of the pages which are having this issue
We have added the below css in Quick CSS
.page-id-1212 .phone-info a, .page-id-1212 .phone-info, .page-id-1212 .header_color .main_menu ul:first-child > li.active-parent-item > a, .page-id-2590 .phone-info a, .page-id-2590 .phone-info, .page-id-2590 .header_color .main_menu ul:first-child > li.active-parent-item > a { color: #8f8c8f!important; }
Add back the CSS provided earlier so when you mouse hover the text will be visible. You can change the black to original color.
Best regards,
VinayApril 1, 2016 at 10:20 am #606564Vinay,
Thank you for your quick response! Solved. You can close this topic.
Much Appreciation,
Jas
April 1, 2016 at 10:30 am #606571Hey!
Glad we could help you!
Thank you for using Enfold :)
Cheers!
Vinay -
AuthorPosts
- The topic ‘Menu Item Problems’ is closed to new replies.