Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 8, 2020 at 5:53 pm #1244372
    jonroot

    Hi Kriesi team,

    Wondering if there is a way to add a thin line above and below the menu similar to this example? https://imgur.com/a/LYE9fM2

    Please let me know…
    Thanks,
    Jon

    September 8, 2020 at 8:00 pm #1244443
    Victoria

    Hey jonroot,

    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

    
.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu>div {
  border-top: 1px solid #ccc;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 8, 2020 at 8:21 pm #1244459
    jonroot

    Thanks very much Victoria! Is there a way to add the same thin line below the menu? Leaving enough space for some padding between the feature image – similar to this?

    View post on imgur.com


    Thanks!
    Jon

    • This reply was modified 4 years, 2 months ago by jonroot.
    September 9, 2020 at 12:58 am #1244515
    Jordan Shannon

    Hi,

    Adjust Victoria’s code to the following:

    .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu>div {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

    and also add this:

    #top #header .av-main-nav > li > a{
background-color:transparent!important;
}

    Best regards,
    Jordan Shannon

    September 9, 2020 at 2:17 pm #1244637
    jonroot

    Thank you!

    September 10, 2020 at 4:16 am #1244714
    Jordan Shannon

    Hi,

    No problem! If you need additional help please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Adding a thin line above and below the menu’ is closed to new replies.