Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #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,
    Maikel

    #376368

    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

    #460080

    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

    #460081

    Hey!

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

    Regards,
    Yigit

    #460085

    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

    #460095

    Hey!

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

    Regards,
    Yigit

    #460121
    This reply has been marked as private.
    #460135

    Hi!

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

    Cheers!
    Yigit

    #460195

    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.