Tagged: border, divider, menu, navigation, remove
-
AuthorPosts
-
January 7, 2015 at 2:30 am #375956
Hi!
1) Is it possible to remove the vertical lines between the main menu items? So no border-left or right between the button.
2) And can I make the horizontal space (padding) between the buttons bigger/larger/wider, so that each button has more horizontal space.
3) Then another one: Is it possible to make the main menu bar higher so there’s more vertical space for the buttons. I’ve got a green background color behind the main menu, that spreads across the entire page, and I want it to have more ‘presence’. And, it should preferably work also when it shrinks and goes sticky. But that’s not a must.
Thanks for your trouble!
Regards,
MaikelJanuary 7, 2015 at 7:41 pm #376368Hey Maikel!
1&2 – Please add following code to Quick CSS in Enfold theme options under General Styling tab
.av-main-nav > li > a { border: none !important padding: 0 30px; }3- Can you please post a screenshot showing the changes you would like to make also link to your website? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here
Cheers!
YigitJune 16, 2015 at 3:24 pm #460080Hi Yigit
Thanks for your tips, but why this CSS code works in the Quick CSS field and isn’t take into account with a child theme.However I add an !important condition, the CSS is well transformed by the quick CSS and not overide by the CSS style sheet.
Many Thanks
June 16, 2015 at 3:29 pm #460081June 16, 2015 at 3:35 pm #460085It has been done (I’m familiar with the Style.css file of a child theme) like this
/*widget*/ #top #main .sidebar {border: none!important;} .content {border-right: none!important}But with no effects (althought other properties affects the site)
Cheers
June 16, 2015 at 3:44 pm #460095Hey!
Do you mind creating a temporary admin login and posting it here privately so we can look into it?
Regards,
YigitJune 16, 2015 at 4:17 pm #460121This reply has been marked as private.June 16, 2015 at 4:36 pm #460135Hi!
There were many missing semi colons and one missing closing curly bracket. I fixed them, please review your website now.
Cheers!
YigitJune 16, 2015 at 5:24 pm #460195Great Thanks Yigit
In fact leaving out the last semicolon is an acceptable practice for minify the CSS…but not missing a closing bracket #oopsThanks one more time
Have a nice day -
AuthorPosts
- The topic ‘remove vertical dividers in main menu/ AND make menu bar higher and wider’ is closed to new replies.
