Hi,
The problem that i am facing right now is that the Home icon is disappearing , when i click on any main menu option and scroll down the page. The main menu is set to sticky without the logo. Why is this happening , please help.
Hello appurohi,
Please ensure that problem does not come from your caching plugin. Try to clear all your caches and test it again. If you need more assistance in this regard, please provide your website URL so I can inspect it closer and so I can identify your problem for I can provide you a more accurate response. Also, please try the theme without any untested plugins and rule out the conflicting plugins.
Thanks.
I have tried clearing all the cache but still the same issue.
website : http://www.brainystartup.com
Please help
hi,
I also need help in regards to the main menu, hovering on the main menu gives black color on the menu item.
Q1. How can I change the color when in hover on the main menu items?
Q2. The hovering color [black] also fills in the menu item which is beside. It’s not cutting edge.
Q3 How can I increase the spaces between the menu items?
Please help. If you can give me your email id I can send you an image and make you understand what i mean to say
Hello appurohi,
Q1 -> please try the code below and place it in Theme panel.
.sf-menu ul .td-menu-item > a:hover, .sf-menu ul .sfHover > a, .sf-menu ul .current-menu-ancestor > a, .sf-menu ul .current-category-ancestor > a, .sf-menu ul .current-menu-item > a, .sf-menu > .current-menu-item > a:after, .sf-menu > .current-menu-ancestor > a:after, .sf-menu > .current-category-ancestor > a:after, .sf-menu > li:hover > a:after, .sf-menu > .sfHover > a:after, .td_block_mega_menu .td-next-prev-wrap a:hover, .td-mega-span .td-post-category:hover, .td-header-wrap .black-menu .sf-menu > li > a:hover, .td-header-wrap .black-menu .sf-menu > .current-menu-ancestor > a, .td-header-wrap .black-menu .sf-menu > .sfHover > a, .header-search-wrap .td-drop-down-search:after, .header-search-wrap .td-drop-down-search .btn:hover, .td-header-wrap .black-menu .sf-menu > .current-menu-item > a, .td-header-wrap .black-menu .sf-menu > .current-menu-ancestor > a, .td-header-wrap .black-menu .sf-menu > .current-category-ancestor > a {
background-color: green;
}
Q2 -> I do not exactly understand what you mean. Provide some screnshots to explain what you want to achieve.
Q3 -> Try the code below.
.sf-menu > li > a {
padding: 0 30px;
}
Thanks.
Hi,
I need different color on the menu elements. Please click the link
problem list
1. Home icon disappears after I click on any menu element and browse
2. Need to change the color
3. The color highlights two menu elements .
Please help
Hi,
There is no option to have a different color for each menu item, but you could do this using custom css, here you can find an example how to target them – https://forum.tagdiv.com/topic/different-colours-for-menu-buttons/ You will need some basic css skills as the theme doesn’t have an option to change the color/hover color for each menu item.
Regarding the home icon please check this guide to add it – https://forum.tagdiv.com/how-to-add-icons-in-menu/ I have tested this and did not found any issues.
Thanks!
Hi,
A I have mentioned that the highlighting color is actually hovering on both the menu items. I have also given the link in the previous post. Can you please send me a code for a single menu element? Then I will try to change it that way.
Hi
Try this css as example:
.menu-item-abc a {
color: #AD2929 !important;
}
.menu-item-abc a:hover {
color: green!important;
}
You will have to replace the abc with the numerical id of menu item.
Thanks!
Respected Sir,
The code which you have provided doesn’t seem to be working.
.menu-item-41 a {
color: #AD2929
}
.menu-item-41 a:hover {
color: red;
}
However when I use the following code the background of the menu does change, but when i hover the color doesn’t change.
.menu-item-41 a {
background-color: white;
}
.menu-item-41 a:hover {
background-color: yellow
}
Please help
Hello
If you want to change the background-color for your menu items when you are hovering over these, you will have to use a bit of CSS code and place it in Theme panel->Cusotm CSS area.
The code is ->
.sf-menu ul .td-menu-item > a:hover, .sf-menu ul .sfHover > a, .sf-menu ul .current-menu-ancestor > a, .sf-menu ul .current-category-ancestor > a, .sf-menu ul .current-menu-item > a, .sf-menu > .current-menu-item > a:after, .sf-menu > .current-menu-ancestor > a:after, .sf-menu > .current-category-ancestor > a:after, .sf-menu > li:hover > a:after, .sf-menu > .sfHover > a:after, .td_block_mega_menu .td-next-prev-wrap a:hover, .td-mega-span .td-post-category:hover, .td-header-wrap .black-menu .sf-menu > li > a:hover, .td-header-wrap .black-menu .sf-menu > .current-menu-ancestor > a, .td-header-wrap .black-menu .sf-menu > .sfHover > a, .header-search-wrap .td-drop-down-search:after, .header-search-wrap .td-drop-down-search .btn:hover, .td-header-wrap .black-menu .sf-menu > .current-menu-item > a, .td-header-wrap .black-menu .sf-menu > .current-menu-ancestor > a, .td-header-wrap .black-menu .sf-menu > .current-category-ancestor > a {
background-color: blue!important;
}
The result -> http://screencast.com/t/QtaALwAm
If you refer to something else, please provide more details.
Thanks for the message!
Respected Sir,
My question is different.
I am asking the code to get a different color on hovering each menu elements.
for example NEWS- YELLOW
BLOG- GREEN
Please help
Hello appurohi,
Please try the code below and place it in Theme panel->Custom CSS area. Please remove the above code that I gave you above.
.sf-menu .menu-item-41 a:hover {
background-color:yellow!important;
}
I have tested on my side with the same code and work as properly in hover mode.
So, if the code does not apply, please send us an email at contact@tagdiv.com with your log-in information (wp-admin) so we can further inspect your setup page because you have a lot of custom CSS and that’s why the code provided by me are not applied and I try to give a code for one menu item.
Thanks for your understanding!
