Canvas Support

Menu hover color & remove search and cart

1 reply · opened Oct 3, 2017

AAG88Oct 3, 2017

Hi, im a newbie so please dont panic

in the Primary-Menu I would like to change color when I hover on them

index-onepage-3.html doesnt have that feature
contact-3.html has a green color when you hover and when its clicked it stays green

how do I add that the hover option to index-onepage-3.html ?

and one more thing , how to remove the right way CART and SEARCH?
Ive deleted the DIV id for TOP cart and Search, it worked but the menu has a vertical line after SHORTCODES, is that right ?

thanks !
btw, nice job!

SSemicolon WebSTAFFOct 5, 2017

Hello,

Thanks for your Patience!

  1. This is Definitely Possible. You can simply use the following CSS Code to change the Menu Color on Hover:
.dark #header-wrap:not(.not-dark) #primary-menu > ul > li:hover > a,
.dark #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a,
.dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li:hover > a,
.dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li.current > a { color: #1ABC9C; }
  1. To remove the Vertical Line, use the following CSS Code:
#header.full-header #primary-menu > ul {
	padding-right: 0;
	margin-right: 0;
	border-right: 0;
}

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard