Hover on custom menubar

  • Resolved Gojero

    (@gojero)


    1 year, 2 months ago

    Hi all,

    A question how to solve this:
    In the footer I created a horizontal menubar for social links.
    How can I make the menu items hovering?
    I tried a couple of things but that did not work out. Can someone help me?

    Thank you ??

    .social_nav a {
		border-right: thin solid #666;
		padding: 0 6px 0 6px; /* Distance between left and right border & linktext */
		}
		
.social_nav {
		color: #666;
		}
			
.social_nav .wp-block-navigation .wp-block-   navigation-item__link:hover {
		color: #333;
		}
		
/*Remove border from last item */
.social_nav li:last-child > a {
		border-right: none;
		}

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hey @gojero ! I see that you have this css code in your theme, which is preventing your above css from working

    .social_nav li a:hover {
	color: #999!important;
}

    You can either edit that part in your theme directly, or use additional css like this

    .social_nav li a:hover {
	color: #333 !important;
}
    Thread Starter Gojero

    (@gojero)

    Hi @properlypurple! Thanks for your reply.
    Haven’t think of using ‘!important’ yet.
    Easy, it is working now. Thanks!

    Gojero

    • This reply was modified 1 year, 2 months ago by Gojero.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hover on custom menubar’ is closed to new replies.