Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 6, 2018 at 4:15 pm #1041711
    jaroljmek

    Hello
    When using a centred logo with menu below, how can I make the Menu Bar vertically narrower?
    To be clear, I would like a slimmer menu bar, not the header which I can adjust in the Theme Options.
    Thank you

    December 7, 2018 at 5:58 am #1041925
    Rikard

    Hey jaroljmek,

    Thanks for the link, so you want the menu items closer to the image/end of the header?

    Best regards,
    Rikard

    December 9, 2018 at 5:40 pm #1042772
    jaroljmek

    Hi Rikard

    Yes correct. Closer to the bottom of the header. Basically, reduce the padding top and bottom of the menu bar.

    That would be great.

    Best

    December 10, 2018 at 6:07 am #1042918
    Rikard

    Hi,

    Thanks for the clarification. Please try the following in Quick CSS under Enfold->General Styling:

    #top #header .av-main-nav > li > a {
    line-height: 60px;
}

    Then you can adjust the header height in the theme options.

    Best regards,
    Rikard

    December 10, 2018 at 11:22 am #1042987
    jaroljmek

    Hi Rikard

    Thanks very much for this.

    This CSS moves the menu items up but it does not remove the bottom padding in the menu bar so the height of the bar does not reduce.

    Does that make sense?

    Thank you.

    December 11, 2018 at 8:26 pm #1043962
    Victoria

    Hi jaroljmek,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 1024px) {
  .html_header_top.html_header_sticky #header {
    height: 155px;
  }
  .html_header_top.html_header_sticky #top #wrap_all #main {
      padding-top: 150px !important;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.