Hi, I’d love to use a menu with my logo on the left above and then ads to the right above the menu.
I’m having issues with my logo being way too small for my taste and also not being aligned to the left (right above the menu item furthest to the left).
Also, how can I change the hover color for individual menu items?
Best
V
Hi,
You can see all header styles in Theme Panel -> Headers http://screencast.com/t/CtzC4mO9d to find something that fits you need.
Hover color for individual items from menu can be customized only via CSS.(please provide your site URL to inspect it and give you an example)
Mega menu allow you to get posts from a category(not entire site). If you want to have the latest from blog, just create a category BLOG and add all your post there. Then use that category in a mega menu.
To add icons in menu, read here: https://forum.tagdiv.com/how-to-add-icons-in-menu/
For custom image profile use this plugin: Wp User avatar
Thanks for the message!
Thanks Marius! 🙂
Can I reply my domain privately?
I’m still having issues finding the correct classes/id’s for the menu items.
Basically what I want to do is have one of the menu items become for example green when hovering on it and the rest should be red when hovering.
I found this “menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children td-menu-item td-normal-menu menu-item-134” as a class but it did not work with
.menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children td-menu-item td-normal-menu menu-item-134 a:hover{
color: #00ff00;
background-color: #00ff00;
}
in the custom CSS theme settings.
I also tried only using .menu-item-134 with the same css code after that.
Thanks for the answer and Happy Holidays!
BONUS QUESTION: What is the default font that you are using?
BONUS QUESTION 2: What happend with the theme speed? I was under the impression that it was supposed to be very fast, it only gets 31/100 from google pagespeed now…all my plugins are disabled.
Hello Rasken,
Please tell me what kind of header style do you use? I need to know this because depends then I try to change the color of the hover and the classes are different.
If you are using header style to default, you should try the code below to change the hover color, like this:
.menu-item-913:hover {
background-color:red;
}
The result: http://screencast.com/t/qeroQ2Ml2
If you are using, for example header style 3, it is a bit more complicated because appear a lot of classes, like this:
.td-header-style-3 .black-menu .sf-menu > .current-menu-item > a, .td-header-style-3 .black-menu .sf-menu > .current-menu-ancestor > a, .td-header-style-3 .black-menu .sf-menu > .current-category-ancestor > a, .td-header-style-3 .black-menu .sf-menu > li > a:hover, .td-header-style-3 .black-menu .sf-menu > .sfHover > a {
background-color: red!important;
}
The result: http://screencast.com/t/Lweewp77j
As default font, our theme use ‘Roboto’ and ‘Open Sense’.
For more information about pagespeed, please check our tutorial here: https://forum.tagdiv.com/how-to-make-the-site-faster/
About your second request, you can try to do minification to style.css to improve your website speed. We do not recomend this thing because it is possible to appear some errors in our theme but you can try to do this. We have reports about this that function properly. As reference, you should check this tutorial http://screencast.com/t/lgzXo4l8iG and also you should find a plugin to do this for you.
You can do a quick search through the forum to see other tools you can use: https://forum.tagdiv.com/search/minify/
Hope this helps and let us know how it goes!
Thank you for the message!