Hover Effect Not Working

Posted in: Newsmag
Post count: 16

Hi,
I made a page through visual composer, and tagged it to show in menu to make it large menu. But hover effect on it is not working where links for navigation is active. How to resolve the same.

  • This topic was modified 4 years by k.nagesh.
Post count: 35449

Hi,
I think that you want to set that page as a page menu, if is so, then you can do this using our guide https://forum.tagdiv.com/newsmag-page-menu/
If this is not what you mean, please let me knw and please provide some more details an a link where I can see the problem.
Thank you!

Post count: 16

Hello Calin,
thanks for help.

Yes I wanted to set page as menu, which I successfully did. But when I hover on the menu’s link, it does not change color as expected. which is the actual problem I was asking to be resolved.
Hope you understand..

Post count: 35449

Hi,
I understand!
Can you please provide a link where I can inspect the situation and see from where is the problem in this way I will be able to provide a fix!
Thank you!

Post count: 16

Link is http://awareinvestor.in/

Menu under LIVE WEBINAR

Post count: 35449

Please try this custom css
.td-mega-menu-pageul .sf-menu a:hover{
color: #4db2ec;
}

Please set the code in the theme panel > custom code> custom css.
Thank you!

Post count: 16

Still not working as required, even after updating CSS code.

Also can you guide that if I can expand the menu to full page instead having blank space at left and right?

Post count: 35449

Hi,
Please replace the above css with this one
.td-mega-menu-page a:hover {
color: #4db2ec;
}

This should work.
About the menu align only if you chose a different header style -> https://i.imgur.com/E06AoMs.png or with some custom css.
Than you!

Post count: 16

Thanks for help,
Hover effect is working now.

Can you please suggest on some custom CSS code to expand my head to full screen with freedom to define required padding at left and right. It would be a great help.

Post count: 35449

Hi,
For that you can use this custom css -> https://i.imgur.com/08argJ4.png
body .td-make-full {
width: 1200px;
}

Just change the width number and the menu will be automatically align left and right.
Thank you!

Post count: 16

Thanks for Help.

Can we expand the body with of whole page as well?

Post count: 35449

Hi k.nagesh,
Yes, that can be done, but will be a little difficult, because need to be checked the entire website to look good. Also some elements will not adjust, for example most of the blocks will not adjust.
Now, here is a custom css, that will work for the posts layout:
.single .td-container {
width: 1221px;
}
.single .td-pb-span8 {
width: 66.66%;
}
.single .td-pb-span4 {
width: 33.33%;
}

Thank you!

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