Logo for the menu

Posted in: Newspaper
Post count: 9

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

Post count: 9

Also, how can I make a mega menu push the latest blog posts?

Post count: 9

And how can I put an icon in a menu item text?

Post count: 9

And another question: How do I change a user profile picture to a custom one?

Post count: 9

Hello?

Post count: 9

Hello?! I thought this was support… everyone else seems to get answers

Post count: 3343

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!

Post count: 9

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.

  • This reply was modified 10 years by Rasken.
  • This reply was modified 10 years by Rasken.
Post count: 9

It seems that the style.css is a thing that is slowing down the site quite a lot, how can I compress this?

I’m not sure if it was because of the latest updates or not but it wasn’t that large before, it’s almost 800kb

Post count: 23312

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!

Viewing 10 posts - 1 through 10 (of 10 total)
The forum ‘Newspaper’ is closed to new topics and replies.