Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #879588

    Hi Enfold Support,

    I’m trying to recreate this header nav design with Enfold. See screenshot below.

    What would be the best way to achieve :
    1. Implementing the custom border below the nav header
    2. Icons above the menu items?

    Your help is most appreciated. Thank you!

    This reply has been marked as private.

    I figured out the border image bottom only.

    #header_main.container_wrap {
        border-image-source: url(border1.png);
        border-image-slice: 15;
       border-image-width: 0 0 5px 0;    			
        border-image-repeat: round;
        border-image-outset: 1;

    Just need help with the custom icons on top of each menu item. Thanks!



    You can create a page and add the icons you would like to use to your page and then inspect elements and copy HTML and paste it in Appearance > Menus in Navigation field of your menu items. You may need to adjust the position using CSS.
    If you need assistance, please add the icons to an example page and post temporary WP admin logins here privately.

    Best regards,


    Hi yes please.

    I’ve added the icons to a page.



    I added following code to style.css file of your child theme in Appearance > Editor

    .avia-menu-text img {
        display: inline-block;
        position: absolute;
        top: 10px;
        left: 30%;

    Please review your website :)



    Fantastic! Thank you Yigit.



    Glad to hear that. Thanks for using Enfold :)

    Best regards,

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

The topic ‘Header border and menu icons’ is closed to new replies.