Tagged: , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #1279150

    hello :)
    I wanted to know how I can replace the search icon at the top of the page in Header with homepage icon.
    Clicking on it will take us to the home page.




    Thanks for contacting us!

    Please go to Appearance > Menus and add your homepage to your menu and insert following code in navigation label field – https://pastebin.com/50sHCJBv :)

    If you would like to disable search icon, please go to Enfold theme options > Main Menu and disable “Append search icon to main menu” :)



    Thank you again!
    But unfortunately it did not fully solve my problem.
    On a computer it does work and looks good, but the main intention was to use a mobile phone.
    On the phone the search icon dropped me, but I wanted a homepage icon to appear instead.
    The homepage icon has reached the menu – not the place of the search icon.
    Attaches a picture of the case: https://ibb.co/9ZRsvGN
    Instead of the search icon, put a homepage icon.



    Please go back to Appearance > Menus and click “Screen options” on the top right corner and check “CSS Classes”, edit your menu item and give it custom CSS class (“mob-menu” in example below) – https://imgur.com/a/EtHH1KN
    Then, add following code to Quick CSS in Enfold theme options > General Styling tab

    .responsive #top .av-main-nav .menu-item.mob-menu {
        display: block;




    Thank you!

    can you please writhe this code here? – https://pasteboard.co/JNHhS1s.jpg
    i dont know to write it :(



    It is the home icon code I shared previously – https://pastebin.com/50sHCJBv :)

    Best regards,


    I did exactly what you told me unfortunately does not work yet.
    Yes I have a homepage icon, but it only appears on my computer.
    On the phone it only appears in the menu and not in the HEADER as I wanted.
    Sends you an example – https://ibb.co/kqbj4LM
    I only need the homepage icon on my mobile, not my computer! And on a mobile that will not appear in the menu, but in HEADER instead of the search’s edon (which I have already downloaded)


    (which I have already removed)***



    Thank you for the update.

    Would you like to display the home icon on mobile view only, beside the menu icon? If so, please add this code in the functions.php file.

    add_action("ava_main_header", function() {
       echo '<span style="display: none;" class="av-icon-char av-header-home-icon" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>';

    And in the Quick CSS field, add this css code to display the icon on mobile view only.

    @media only screen and (max-width: 767px) {
       .av-header-home-icon {
          display: block !important;

    Best regards,

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.