Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 13, 2015 at 11:34 am #472281
    mediax2014

    Hi Guys,

    Thanks for an awesome theme! Please would you assist me with two small issues.

    1) I would like to move the search icon to next to the Header Phone Number/Extra Info
    2) I would like to append a small language flag (with link) next to the main menu where the search icon is now

    I would really appreciate your assistance.
    Thanx!

    July 13, 2015 at 4:58 pm #472558
    Dake

    Hey mediax2014!

    In order to move the search icon, you can either use something similiar to the below css:

    #top #menu-item-search {
top: -50px;
}

#header_main {
position: relative;
z-index: 9999;
}

    Or you can manually edit the location array via the functions-enfold.php and cross referencing the header.php.

    As for adding the flag icon, you can follow the instructions in this thread:

    https://kriesi.at/support/topic/add-icon-near-the-menu-item/

    Regards,
    Dake

    July 13, 2015 at 6:09 pm #472586
    mediax2014

    Hi Dake,

    Thank you for replying. I tried the CSS, but the search icon ends up under the TopBar. I can only see it if I remove the TopBar background color. I also end up with the gap on the right of the menu. This is not ideal.

    I then had a look at the functions.enfold.php file and found the add filter:
    add_filter( ‘wp_nav_menu_items’, ‘avia_append_search_nav’, 10, 2 );

    I found no more useful info in header.php

    When I comment that out the search icon is removed, but I cannot find the header_meta file to try and append the search icon to that. What filter variable can I use in this same way to append the search icon to the topbar phone number?

    I looked at the link you supplied regarding the add icon to menu, but in this case I want to add a .jpg or .png – small flag to send users to the other language version of the site. Can I add html in the navigation label?

    Thanks for the help.

    • This reply was modified 9 years, 4 months ago by mediax2014.
    July 14, 2015 at 1:52 pm #473160
    Andy

    Hey!

    when I use 

    li#menu-item-search {
top: -82px;
}

    as Dake suggested, then I see your search icon just fine:

    Cheers!
    Andy

    July 15, 2015 at 12:05 pm #473642
    mediax2014

    Hi Andy, I did that and got the same outcome, with a little more tweaking. Thank you both for the great assistance. There is only one more bit of help I need regarding this. The Flag has a hover – underline effect – since it is a menu item. how can I remove the underline from just the flag item?

    July 15, 2015 at 4:55 pm #473854
    mediax2014

    Guys thanks for the support: I managed to find the css to edit.

    This ficed the item for me – #menu-item-616 span.avia-menu-fx { background-color:#ffffff;}

    July 15, 2015 at 6:38 pm #473915
    Dake

    Hi mediax2014,

    You’re welcome :)

    Glad to hear you were able to get things sorted on your end.

    Please let us know if you ever need help in the future.

    Cheers!
    Dake

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Move Search Icon to Top right next to Header Phone Number/Extra Info’ is closed to new replies.