Jump to content


Photo

Remove Shadow in Current Navigation Menu, Home Button Icon


  • Please log in to reply
7 replies to this topic

#1 manojgupta26

manojgupta26

    Super Member

  • Members
  • 144 posts
  • Country: Country Flag

Posted 06 February 2012 - 06:13 AM

On Site http://bit.ly/w9ATGW -- home button is surrounded by shadow..I want to know how can i get rid of the shadow around Home Button. Here is the image. http://img15.imagesh...whomebutton.png It is related to "currently selected menu". When I select "iPhone 5" The shadow is available to only "iPhone 5" menu. I Don't want shadow around "Home Button" but Want to have it in other navigation menu.

#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 15891 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 06 February 2012 - 09:44 AM

Hi Mano,

Can you add this to your custom CSS please and see if this works.

 #menu-item-2235 li a, #menu-item-2235 li a:active, #menu-item-2235 li.current-menu-item a {-webkit-box-shadow: transparent;
	box-shadow: transparent;}


#3 manojgupta26

manojgupta26

    Super Member

  • Members
  • 144 posts
  • Country: Country Flag

Posted 06 February 2012 - 10:05 AM

Hi Danny, It is not working! I checked by clearing browser cache in Safari, Chrome and Firefox..

#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 15891 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 06 February 2012 - 11:15 AM

Hi Mano,

Can you this one instead please.

 #menu-item-2235 a, #menu-item-2235 a:active, #menu-item-2235 a.current-menu-item {-webkit-box-shadow: transparent;
	box-shadow: transparent;}


#5 manojgupta26

manojgupta26

    Super Member

  • Members
  • 144 posts
  • Country: Country Flag

Posted 06 February 2012 - 11:38 AM

Hi Danny, Did not worked as well!

#6 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 06 February 2012 - 04:05 PM

Try adding this to your custom CSS (make sure you remove any old code that doesn't work):

 #nav #menu-item-2235 .main_nav li a:active, #nav #menu-item-2235 .main_nav li.current-menu-item a {
	    box-shadow: 0 0 0 #000000 inset;
	}

You have a lot of forum questions related to CSS styling. I recommend checking out this link to familiarize yourself with CSS: http://w3schools.com/css/default.asp

I also recommend installing Firebug to help you with CSS changes: http://www.getfirebug.com

#7 manojgupta26

manojgupta26

    Super Member

  • Members
  • 144 posts
  • Country: Country Flag

Posted 06 February 2012 - 04:11 PM

@simple_mama This is not working ... :((

#8 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 06 February 2012 - 04:24 PM

 li#menu-item-2235.current-menu-item a {
	    box-shadow: 0 0 0 #000000;
	}