Hi!
You can wrap the “Search” text into a span and hide it like:
$items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown"><a href="?s=" rel="nofollow" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'><span style="display:none;">Search</span></a></li>';
Best regards,
Peter
Unfortunately it isn’t that simple. In this case ‘search’ text will appear under the magnifier/search icon. I would like to have visible only icon there. I’ve found something like this:
$items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown"><a href="?s=" rel="nofollow">;</a></li>';
in https://kriesi.at/support/topic/replace-toggle-icon-with-another-entypo-fontello-font-or-use-a-png/
I cant figure out how to get magnifier icon not the character you can see here http://www.fileformat.info/info/unicode/char/e803/index.htm
Regards,
Pawel
Hey AssuranceOgilvy!
Please edit functions-enfold.php, find this code on line 69:
$items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown"><a href="?s=" rel="nofollow" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'></a></li>';
Replace it with:
$items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown"><a href="?s=" rel="nofollow" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'><span class="search-text">Search</span></a></li>';
Add this on Quick CSS:
.search-text {
margin-left: 10px;
font-size: 12px;
}
Regards,
Ismael
Hey!
Edit js > avia.js, find this code on 307:
if(first_level_items > 7 + header.find('#menu-item-search').length && !bottom_menu)
{
switchWidth = 989;
header.addClass('mobile_menu_tablet');
}
Replace it with:
if(first_level_items > 7 + header.find('#menu-item-search').length && !bottom_menu)
{
switchWidth = 767;
header.addClass('mobile_menu_tablet');
}
This will force the theme to only show the responsive menu on screen sizes lower than 768px.
Best regards,
Ismael
Hi Devin,
I guess I’m not clear where that code would be placed, or where Swiftype would add code similar to that? I just need the Enfold search box to use an engine that can provide results from both my main domain and subdomain, and the subdomain isn’t wordpress…any other ideas to simplify this?
Hi,
wow, I have searched now a lot, to find where to change the portfolio slug. I supposed to find it in the theme settings, but they are at the “permalinks” page.
But now I’m a bit confused about the difference of
– portfolio-item
– portfolio-entries
I need to translate it into German, but I’m not sure, where both slugs appear.
At the demo theme I find only the slug “portfolio-item”:
http://kriesi.at/themes/enfold/portfolio-item/single-portfolio-23-slider-3/
but nowhere a slug “portfolio-entries”.
For what is “portfolio-entries” please?
What’s the difference?
Thanks a lot in advance
This reply has been marked as private.
Hi awesome Kriesi-Team! :)
I’m preparing another enfold-website for a new client. I already made some custom css-changes but still have the following issues (I already used the search-function without success in my case.
– I need the logo to be aligned right instead of default left. The main navigation stays left.
– the mobile navigation icon is overlapping the logo on smartphones
– I can’t use the fixed header with my quick css (where I moved the logo above the main navigation)
I already set the following quick css code for having the logo above the main navigation:
http://webigami.de/deppisch/wp-content/uploads/2014/02/quick_css_jansthh.png
The drafted website: http://www.webigami.de/deppisch
I would very much appreciate your advice.
Cheers and thanks,
Jan :)
I would like to know if you can give us a code so that the Search icon is preceeded by the word search (or for the multilingual – recherche – in french) in Enfold.
Or, perhaps easier, if it is possible to change the appearance or function to that of how it appears in Choices theme. Also with the social media icons beside it, instead of above.
Thank you so much, this would be a great help.
Hey!
Go to Tools > Localization. Look for Enfold theme then edit the Deutsch/Deutschland language. Search for “Want to join the”, edit the search result “Want to join the discussion? <br/>Feel free to contribute!”. Save.
Best regards,
Ismael
Hi pgps!
Open up engold/functions-enfold.php and replace:
$items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown"><a href="?s=" rel="nofollow" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'></a></li>';
with
$items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown"><a href="?s=" rel="nofollow" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'>Search</a></li>';
Best regards,
Peter
My Enfold search box is appearing in the wrong place. When the magnifying glass icon is clicked the search box (line with the arrow) appears floating in the bottom-middle of the page rather than underneath the icon as it should be.
I have done a quick forum search and found this mentioned here; https://kriesi.at/support/topic/enfold-search-box-position/, but the fix was never really found – it just went away…
I have checked my custom css files (and removed it entirely), and that doesn’t seem to be the problem. I have also tried deactivated plugins, again without much luck.
Any help to diagnose this would be greatly appreciated.
Website: http://www.animana.com/
Enfold version: 2.5.2 (with child theme)
Browsers tried: Chrome: 32.0.1700.107 m, Internet Explorer: 11.0.9600.16518
Hey!
Please update the theme to the latest version (Enfold 2.5.2). I recommend to use ftp: https://vimeo.com/channels/aviathemes/67209750 for the update.
Best regards,
Peter
Hey Bruno!
You can use this code, add it to your functions.php file:
add_filter( 'wp_nav_menu_items', 'my_custom_menu_item', 10, 2 );
function my_custom_menu_item ( $items, $args )
{
$items .= '<li class="menu-item custom-menu-item"><a href="#" rel="nofollow">Asd</a><ul class="sub-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page">'.do_shortcode("[_PUT_YOUR_SHORTCODE_HERE]").'</li></ul></li>';
return $items;
}
If you want it to appear before the search icon, you’d need to add it before line 58 in functions-enfold.php instead.
Best regards,
Josue
Hey Yigit,
Fully understood – I noticed that other Enfold customers had run into the same problem so thought it might be a simple fix that someone would know.
I’m currently developing locally so can send you a link. I’ll keep on searching… thanks anyway!
Stuart
Hi Ismael,
thank you for your tip. The error messages within the Enfold Avia Layout Architekt disappeared, but I have already the problem that the meta description below the website title at the google search is an error message:
Notice: Undefined offset: 1 in /webspace/12/79878/ubercreative.me/wp-content/themes/enfold/framework/php/function-set-avia-frontend.php on … Ubercreative.
Do you have any ideas how I can fix this problem?
Cheers, Wiebke
Hi,
I’m trying to make enfold compatible with wcag 2.0 standard (for people with low vision problems), which does not allow to use empty links. Is it possible to change in the link of search icon
69: $items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown"><a href="?s=" rel="nofollow" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'"></a></li>';
the ></a></li> part bo be non-empty, e.g. by moving there somehow the icon part ‘.av_icon_string(‘search’).’?
Best regards,
Pawel
-
This topic was modified 12 years ago by
Yigit.
Hi toddgeist!
You can use this plugin to maximize the search power of your website: SearchWP
Refer to this link in order to integrate the plugin on ajax search: http://kriesi.at/documentation/enfold/use-searchwp-instead-of-the-standard-search/
Best regards,
Ismael
Hey cbeneden!
Install the Codestyling Localization plugin. Go to Tools > Localization then scroll below and find Enfold. Look for the Deutsch translation then click “Edit”. Search for “You are here” then click edit and save. :)
Best regards,
Ismael
I would like the kriesi theme header with the social media icons to the right of the menu without the upper bar. As well I would like the mobile device to show the social icons in the middle with the square box to the right. After searching the support form over and over and noticing that this issue has not been resolved please reach out to me directly and I will pay to have this issue corrected on my site as I have wasted to much time on this already. Thank you very much for your time!
In the Relevanissi example, where in functions-enfold.php would you comment out the existing search function and replace it with this? Did I miss that in the link above?
Thanks, Devin!
Hey Mark!
You can show them the filter and function example we’ve done for Relevanssi which should help in adding something else to replace it: http://kriesi.at/documentation/enfold/use-relevanssi-in-search-instead-of-the-default-search/
Best regards,
Devin
I see on the ThemeForest sales page for Enfold that it has built in integration with : Events Calendar; Events Calendar PRO; and Events Calendar Pro 3.x, The links provided show other themes competible with these calendars but not the calendars themselves, and a search for these plugins in Themeforest produces nothing. I’ve searched online, but want to be sure I’m getting the one that you are recommending by building in compatibility.
Could you please provide links to these
Tim
Hey greenmarimo!
If you need to tweak the search template modify wp-content/themes/enfold/search.php and wp-content/themes/enfold/includes/loop-search.php. For detailed instructions contact the plugin author please because we can’t provide support for third party plugin implementations. You can use this plugin to maximize the search power of your website: SearchWP
Refer to this link in order to integrate the plugin on ajax search: http://kriesi.at/documentation/enfold/use-searchwp-instead-of-the-standard-search/
Best regards,
Peter
Hi. I did a search at your site with the text above. No results. I use the fullwidth slider, and I’m wondering if it is possible to adjust the color of the caption frame, or the caption text itself without changing the main CSS file?
The settings in Enfold Theme Options – Styling does not seem to impact the caption frame.
Hi guys,
Thanks for this great theme. I just started using it and I’m also a wordpress beginner, so please forgive my ignorance.
I am using a search plugin that gives me more options than the standard enfold search. But when I’m using this plugin with enfold, they only tell me the number of results found and no results show up in the result page (i tried with other themes and they were displaying all the results without changing any code of the search result page). So i was wondering if you had an idea about this case.
And i also want to change the layout of the result page into a grid layout like the one we can select in the template page builder.
I really need this plugin and I want to use it with enfold. Please tell me what code of the plugin you may need.
Thanks
Hey!
Ah ok – open up wp-content/themes/enfold/js/avia.js and search for:
imgParent.css({height:'auto'}).each(function(i)
{
var currentLink = $(this);
setTimeout(function()
{
currentLink.animate({opacity:1},1500);
}, (100 * i));
});
Replace it with
imgParent.css({height:'auto'}).each(function(i)
{
var currentLink = $(this);
currentLink.animate({opacity:1},1500);
});
Best regards,
Peter
Hey!
I’m not sure because i haven’t used Swiftype with Enfold, but i think that code should be in a footer.php or header.php and you’d not need to edit functions-enfold.php. However it may requiere additional tweaking, like disabling the built-in ajax search functionality (you can do this by removing line 30 from js/avia.js).
If you need more assistance please contact one developer from Codeable or Microlancer, as i said in my first reply we can not help you here because it’s out of the scope of our support policy.
Regards,
Josue
Hey!
In functions-enfold.php, around line 66, you’d put your custom form in HTML format there. It would be better to contact the Swiftype support if you decide to go with them.
Best regards,
Josue