Title: Border around the menu Last modified: August 21, 2016 --- # Border around the menu * Resolved [jenmatt](https://wordpress.org/support/users/jenmatt/) * (@jenmatt) * [12 years, 11 months ago](https://wordpress.org/support/topic/border-around-the-menu/) * Is it possible to remove the border around the menu? Would I have to code to do so? * Thanks Viewing 15 replies - 1 through 15 (of 16 total) 1 [2](https://wordpress.org/support/topic/border-around-the-menu/page/2/?output_format=md) [→](https://wordpress.org/support/topic/border-around-the-menu/page/2/?output_format=md) * Theme Author [presscustomizr](https://wordpress.org/support/users/nikeo/) * (@nikeo) * [12 years, 11 months ago](https://wordpress.org/support/topic/border-around-the-menu/#post-3789280) * Hi, * Copy this code in the style.css file. * .navbar .navbar-inner { -webkit-box-shadow: 0px 0px 0px; -moz-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; } * If you also want to remove the grey background, use this code : .navbar .navbar- inner { -webkit-box-shadow: 0px 0px 0px; -moz-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; background:none } * In the next release of the theme, there will be a Custom CSS field in the customizer. You should then copy the above code in this field : it will not be removed when you update the theme. * Please mark the topic as resolved if this helped! Thanks for using Customizr * Thread Starter [jenmatt](https://wordpress.org/support/users/jenmatt/) * (@jenmatt) * [12 years, 11 months ago](https://wordpress.org/support/topic/border-around-the-menu/#post-3789282) * Thank you, sorry one more thing. I haven’t set up a child theme, as I just cant get ftp to work from my computer. I need this up asap, can I still code on the parent theme or will I wreck it? Thanks * Theme Author [presscustomizr](https://wordpress.org/support/users/nikeo/) * (@nikeo) * [12 years, 11 months ago](https://wordpress.org/support/topic/border-around-the-menu/#post-3789283) * No problem to copy this code on the parent theme. Just don’t forget to copy it again (in your child theme or the coming Custom CSS field) when you will update it! * Thread Starter [jenmatt](https://wordpress.org/support/users/jenmatt/) * (@jenmatt) * [12 years, 11 months ago](https://wordpress.org/support/topic/border-around-the-menu/#post-3789284) * Thanks heaps. * [ElectricFeet](https://wordpress.org/support/users/electricfeet/) * (@electricfeet) * [12 years, 9 months ago](https://wordpress.org/support/topic/border-around-the-menu/#post-3789588) * Hi Nikeo, I’ve just noticed that the CSS you posted above doesn’t actually eliminate the navbar background and shadows completely. The corners are still there. They are tiny specks at each of the four corners where the navbar used to be, but now I’ve noticed [them](http://darioalfonsi.com), I cannot take my eyes off them! * They are just about 4px high, in light grey. Interestingly, Firefox is the culprit this time and Safari doesn’t show them at all. * Any idea how to banish these corners? * [ElectricFeet](https://wordpress.org/support/users/electricfeet/) * (@electricfeet) * [12 years, 9 months ago](https://wordpress.org/support/topic/border-around-the-menu/#post-3789589) * Gotcha! * The grey background CSS you pasted above needs an additional “transparent”: * .navbar .navbar-inner { -webkit-box-shadow: 0px 0px 0px ; -moz-box-shadow: 0px 0px 0px ; box-shadow: 0px 0px 0px transparent; background:none } * Because even though you set the shadow to be 0 pixels, it’s still rendering on the corners (must be a bug in mozilla). Setting it to be transparent gets rid of it altogether. * A rather existential issue: the box shadow needs to be transparent, even when it isn’t there… * [ncowen22](https://wordpress.org/support/users/ncowen22/) * (@ncowen22) * [12 years, 8 months ago](https://wordpress.org/support/topic/border-around-the-menu/#post-3789595) * Hi, is there a way I can make the navigation bar go all the way across the top( instead of having the logo area on the top left). I would like to have it sit evenly over the slider. Thanks for any advice you might have. * [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/) * (@rdellconsulting) * [12 years, 8 months ago](https://wordpress.org/support/topic/border-around-the-menu/#post-3789596) * Start a new post please. Lucky I picked it up as [resolved] * [creativerse](https://wordpress.org/support/users/creativerseyahoocom/) * (@creativerseyahoocom) * [12 years, 8 months ago](https://wordpress.org/support/topic/border-around-the-menu/#post-3789598) * Can you show similar code or direct me where to look if I just want to change the color of that box, rather than completely get rid of it? (I’m wanting to change the gradient from its current state (white at top, grey at bottom) to white at top, #93a85b (green color) at bottom. * [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/) * (@rdellconsulting) * [12 years, 8 months ago](https://wordpress.org/support/topic/border-around-the-menu/#post-3789599) * Here’s the code to change: * ``` .navbar-inner { background-color: #FAFAFA; background-image: linear-gradient(to bottom, white, #F2F2F2); background-repeat: repeat-x; border: 1px solid lightgray; border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067); min-height: 40px; padding-left: 20px; padding-right: 20px; } ``` * [creativerse](https://wordpress.org/support/users/creativerseyahoocom/) * (@creativerseyahoocom) * [12 years, 8 months ago](https://wordpress.org/support/topic/border-around-the-menu/#post-3789600) * Ok, thank you. It worked when I changed the appropriate code. * [gugol](https://wordpress.org/support/users/gugol/) * (@gugol) * [12 years, 7 months ago](https://wordpress.org/support/topic/border-around-the-menu/#post-3789613) * I’ve got a problem when I use this code: * ``` .navbar .navbar-inner { -webkit-box-shadow: 0px 0px 0px ; -moz-box-shadow: 0px 0px 0px ; box-shadow: 0px 0px 0px transparent; background:none } ``` * In Firefox the social links at the top and at the bottom are shown without their images (I mean you can only see something weird). * Any clues about it?? * Thank you in advance!! * [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/) * (@rdellconsulting) * [12 years, 7 months ago](https://wordpress.org/support/topic/border-around-the-menu/#post-3789614) * Start a new Topic please. This one is [resolved] Include a link to your site. * [Novata2](https://wordpress.org/support/users/novata2/) * (@novata2) * [12 years, 5 months ago](https://wordpress.org/support/topic/border-around-the-menu/#post-3789625) * I have just copied and pasted the code ElectricFeed gave and it have worked. Thanks!! * [patmur](https://wordpress.org/support/users/patmur/) * (@patmur) * [12 years, 3 months ago](https://wordpress.org/support/topic/border-around-the-menu/#post-3789627) * Hello there, do not know if I have to open a new conversation or it is ok to continue here even if it is closed: * I have deleted the icon before the title in the sample pages with adding this code to the custom css field with this code: * .format-icon:before { speak: none; text-transform: none; -webkit-font-smoothing: antialiased; padding-right: 10px; * and it worked then I wanted to delete the box around the main menu but if I copy also this code it does not work – it just works if I cancel the first one * .navbar .navbar-inner { -webkit-box-shadow: 0px 0px 0px ; -moz-box-shadow: 0px 0px 0px ; box-shadow: 0px 0px 0px transparent; background:none } * how can I add more then one and let both working? thanks a lot Viewing 15 replies - 1 through 15 (of 16 total) 1 [2](https://wordpress.org/support/topic/border-around-the-menu/page/2/?output_format=md) [→](https://wordpress.org/support/topic/border-around-the-menu/page/2/?output_format=md) The topic ‘Border around the menu’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/customizr/4.4.24/screenshot.png) * Customizr * [Support Threads](https://wordpress.org/support/theme/customizr/) * [Active Topics](https://wordpress.org/support/theme/customizr/active/) * [Unresolved Topics](https://wordpress.org/support/theme/customizr/unresolved/) * [Reviews](https://wordpress.org/support/theme/customizr/reviews/) ## Tags * [border](https://wordpress.org/support/topic-tag/border/) * [menu](https://wordpress.org/support/topic-tag/menu/) * 16 replies * 9 participants * Last reply from: [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/) * Last activity: [12 years, 3 months ago](https://wordpress.org/support/topic/border-around-the-menu/page/2/#post-3789628) * Status: resolved