Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 20, 2013 at 5:28 am #163908
    itchybrain

    Gday Enfold users

    Does anyone know how to add the word ‘Search’ before the search icon (when used in the bottom menu bar)?

    cheers

    Darryl

    September 20, 2013 at 1:20 pm #164038
    Ismael

    Hey itchybrain!

    Edit header.php, find this code:

    echo "<div class='main_menu' data-selectname='".__('Select a page','avia_framework')."'>";

    Below, add this code:

    echo "<div class='search-text'>Search</div>";

    Add this on your custom.css or Quick CSS:

    .search-text {
	position: absolute;
	text-align: right;
	padding-right: 30px;
}

    Cheers!
    Ismael

    September 23, 2013 at 1:50 am #164963
    itchybrain

    Gday Ismael.

    Thanks for your idea for adding the search term. It did indeed work, though it would be better if the term was also acting as the link as well.

    I’m wondering, could you please point out the file which has the actual icon in it? Perhaps I can just put the word in the anchor of the icon font character?

    cheers

    Darryl

    September 23, 2013 at 4:46 pm #165202
    Yigit

    Hello!

    In WordPress theme directory please go to Enfold folder and open functions-enfold.php file and find following code in line 40

    $items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown">'.$avia_config['font_icons']['search'].'';

    and change it to 

    $items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown">Search '.$avia_config['font_icons']['search'].'';

    Best regards,
    Yigit

    September 23, 2013 at 6:30 pm #165247
    itchybrain

    Excellent, works like a charm, thanks Yigit. Putting a span around the term has also helped me to target it with CSS separately to the icon itself.

    September 23, 2013 at 11:32 pm #165364
    Yigit

    Hey!

    You are welcome glad we could help :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Add the word 'Search' before the search icon’ is closed to new replies.