Tagged: , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 9, 2021 at 4:49 pm #1279150
    top1projects

    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.

    https://top1projects.com/

    February 10, 2021 at 10:51 am #1279355
    Yigit

    Hi,

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

    Regards,
    Yigit

    February 10, 2021 at 11:20 am #1279365
    top1projects

    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.

    February 10, 2021 at 11:31 am #1279368
    Yigit

    Hey,

    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;
}

    :)

    Regards,
    Yigit

    February 10, 2021 at 1:08 pm #1279408
    top1projects

    Thank you!

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

    February 10, 2021 at 1:16 pm #1279413
    Yigit

    Hi,

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

    Best regards,
    Yigit

    February 10, 2021 at 1:46 pm #1279430
    top1projects

    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)

    February 10, 2021 at 1:47 pm #1279431
    top1projects

    (which I have already removed)***

    February 11, 2021 at 4:29 pm #1279796
    Ismael

    Hi,

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

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