Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 21, 2017 at 10:00 am #879588
    sherissar

    Hi Enfold Support,

    I’m trying to recreate this header nav design with Enfold. See screenshot below.
    https://pasteboard.co/GUDO53Z.jpg

    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!

    November 21, 2017 at 2:25 pm #879730
    sherissar
    This reply has been marked as private.
    November 21, 2017 at 3:05 pm #879750
    sherissar

    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!

    November 21, 2017 at 3:18 pm #879755
    Yigit

    Hey,

    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,
    Yigit

    November 21, 2017 at 3:47 pm #879771
    sherissar

    Hi yes please.

    I’ve added the icons to a page.

    November 21, 2017 at 5:50 pm #879843
    Yigit

    Hi!

    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 :)

    Cheers!
    Yigit

    November 22, 2017 at 9:03 am #880122
    sherissar

    Fantastic! Thank you Yigit.

    November 22, 2017 at 10:38 am #880142
    Nikko

    Hi,

    Glad to hear that. Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Header border and menu icons’ is closed to new replies.