Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 6, 2017 at 11:23 pm #873422
    jaroljmek

    Hey guys, sorry this must have been answered but a couple of questions relating to the menu bar when using a centred logo:

    1. How can I reduce the height of the Menu bar? (not the Header which I can adjust in Theme Options)
    2. How can I target a different colour for the Menu bar to the Header?
    3. How can I add a border line between the Menu and the Header?

    Here’s the site:

    Home

    Thanking you!
    CJ

    November 6, 2017 at 11:33 pm #873430
    Jordan Shannon

    Hey jaroljmek,

    #1 – Which area do you mean for menu bar?

    #2 Again, I’m still unclear as to exactly what you mean with this.

    #3 Which section do you consider the menu and header. I believe figuring your interpretation of this will clear up the other 2 as well.

    Best regards,
    Jordan Shannon

    November 6, 2017 at 11:39 pm #873438
    jaroljmek

    Hi Jordan

    Here’s a screenshot showing the menu bar selected with a blue border by Firebug – the bar containing the menu items:

    https://www.awesomescreenshot.com/image/2945279/76e86b4cc5debdc765e0065d8ee5f4fa

    It’s that menu bar that I’d like to make narrower, change colour and add a border-top.

    Hope that’s clear! Thanks
    CJ

    November 8, 2017 at 3:46 am #873957
    Rikard

    Hi,

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

    .html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li > a {
    height: 30px !important;
    line-height: 30px !important;
}

#header_main_alternate {
    background-color:red !important;
    border-top:1px solid green !important;
}

    Best regards,
    Rikard

    November 8, 2017 at 9:43 am #874077
    jaroljmek

    Hi Rikard

    Thanks very much for this.

    That CSS moves the menu up, affecting the top margin/padding but it does not affect the bottom margin. It seems to move the menu items up within the bar but the bar is still the same height. You’ll see here:

    Home

    Is there a workaround?

    Many thanks

    November 10, 2017 at 5:35 am #874981
    Ismael

    Hi,

    Please add this css code to adjust the main menu container height.

    .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu>div, .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu ul:first-child {
    height: 30px;
}

    Best regards,
    Ismael

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