Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #375956


    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!



    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 or Dropbox public folder and post the links here



    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



    You can add the code to Style.css file of your child theme :)



    It has been done (I’m familiar with the Style.css file of a child theme) like this

    #top #main .sidebar {border: none!important;}
    .content {border-right: none!important}

    But with no effects (althought other properties affects the site)




    Do you mind creating a temporary admin login and posting it here privately so we can look into it?


    This reply has been marked as private.


    There were many missing semi colons and one missing closing curly bracket. I fixed them, please review your website now.



    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

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘remove vertical dividers in main menu/ AND make menu bar higher and wider’ is closed to new replies.