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

    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!

    #879730
    This reply has been marked as private.
    #879750

    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!

    #879755

    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

    #879771

    Hi yes please.

    I’ve added the icons to a page.

    #879843

    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

    #880122

    Fantastic! Thank you Yigit.

    #880142

    Hi,

    Glad to hear that. Thanks for using Enfold :)

    Best regards,
    Nikko

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

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