What's New
Viewing 8 posts - 1 through 8 (of 8 total)
Viewing 8 posts - 1 through 8 (of 8 total)
You must be logged in to reply to this topic.
Hi Again.
We have a question. We want that when we pass the mouse over the header all the elements change their color to black , including the logo just like the page http://www.browniespain.com
Our site is noonspain.com.
We attached two pictures
Hi!
Maybe I didnt explain very well.
As yo can see in http://www.browniespain.com when you enter the site all header elements are white.
(Logo, menu, search icons, my account icon and shopping car icon)
When you mouseover header all elements turns black
This is the effect we want.
Thanks.
Hi,
Add the following code to the “Custom CSS Code”:
#header_primary:hover #st_mega_menu_wrap .ma_level_0{color:#fff;}
#header_primary:hover i{color:#fff;}
#header_primary:hover .shop_logo img{display:none;}
#header_primary:hover .shop_logo{background:url(/noon2019/img/logo-hover.jpg) no-repeat top left; height:61px;}
Then upload a white logo to /noon2019/img/logo-hover.jpg.
Best regards.
Hi,
Use the following code insted.
/* other pages */
#header_primary:hover {background: #000;}
#header_primary:hover #st_mega_menu_wrap .ma_level_0{color:#fff;}
#header_primary:hover i{color:#fff;}
#header_primary:hover .shop_logo img{display:none;}
#header_primary:hover .shop_logo{background:url(/noon2019/img/logo-hover-2.jpg) no-repeat top left; height:61px;}
/* homepage */
#index #header_primary:hover {background: #fff;}
#index #header_primary:hover #st_mega_menu_wrap .ma_level_0{color:#fff;}
#index #header_primary:hover i{color:#fff;}
#index #header_primary:hover .shop_logo img{display:none;}
#index #header_primary:hover .shop_logo{background:url(/noon2019/img/logo-hover.jpg) no-repeat top left; height:61px;}
Upload the /noon2019/img/logo-hover-2.jpg for other pages.
Best regards.
You must be logged in to reply to this topic.