Tagged: border, divider, menu, navigation, remove
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,
Maikel
Hey 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!
Yigit
Hi 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
It 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
Hey!
Do you mind creating a temporary admin login and posting it here privately so we can look into it?
Regards,
Yigit
Hi!
There were many missing semi colons and one missing closing curly bracket. I fixed them, please review your website now.
Cheers!
Yigit
Great Thanks Yigit
In fact leaving out the last semicolon is an acceptable practice for minify the CSS…but not missing a closing bracket #oops
Thanks one more time
Have a nice day