Hi Kamil,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.av-hamburger-box {
width: 50px;
}
.av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after {
height: 4px;
}
.av-hamburger-inner::after {
bottom: -15px;
}
.av-hamburger-inner::before {
top: -15px;
}
.html_burger_menu_active #top #wrap_all .menu-item-search-dropdown > a {
font-size: 35px;
}
If you need further assistance please let us know.
Best regards,
Victoria
BryanGuest
Hi there, I’m evaluating Enfold and ALB for a project and I am searching for something which should be possible but I can’t figure out.
I’m trying to create a multi column grid like magazine layout, but with no dates and page order ordering, not date. I’ve tried every combo of blog, magazine, portfolio grid, and masonry but can’t get a layout as desired. I want my content source to be pages, pulling the featured image.
Can you tell me if there’s a way I can override a layout, or modify layouts to create a custom element. Portfolio grid is close to what I need but only supports things in the portfoio CPT. I want to pull from regular pages. As a suggestion, each one of the above content elements would be much more powerful if they all had abitliy to order and turn off date elements.
Thanks you, beautiful work, I’m just stuck trying to create a simple grid array from pages.
Hi loftreklam,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css, to prevent the search icon going over the logo.
@media only screen and (max-width: 479px) {
.responsive #top .logo {
width: 70%;
}
}
Could you please disable search and minification while we are trying to help you.
If you need further assistance please let us know.
Best regards,
Victoria
This reply has been marked as private.
Hello,
Suggestion for a upgrade-proof work-around:
- Copy header.php to a child theme and name it the same as your menu in wordpress (in slug-format, lower case, replace spaces with dashes, etc: header-newmenu.php)
- Copy includes/helper-main-menu.php to child theme – you can also rename it helper-newmenu-menu.php for identification purposes.
- Open header-newmenu.php and look for get_template_part( ‘includes/helper’, ‘main-menu’ ); (around line 71) and change ‘main-menu’ to ‘newmenu’, save and upload.
- Open includes/helper-newmenu.php
- find $avia_theme_location = ‘avia’; Change ‘avia’ to ‘newmenu’
- Find $avia_menu_class = $avia_theme_location . ‘-menu’; Change to $avia_menu_class = ‘avia-menu’;
- Find the following block of code in the functions-enfold.php file in the main Enfold template folder and copy it to your child theme’s functions.php file:
if(!function_exists('avia_append_burger_menu'))
{
//first append search item to main menu
add_filter( 'wp_nav_menu_items', 'avia_append_burger_menu', 9998, 2 );
add_filter( 'avf_fallback_menu_items', 'avia_append_burger_menu', 9998, 2 );
function avia_append_burger_menu ( $items , $args )
{
if ((is_object($args) && $args->theme_location == 'avia') || (is_string($args) && $args = "fallback_menu"))
{
$class = avia_get_option('burger_size');
$items .= '<li class="av-burger-menu-main menu-item-avia-special '.$class.'">
<a href="#">
<span class="av-hamburger av-hamburger--spin av-js-hamburger">
<span class="av-hamburger-box">
<span class="av-hamburger-inner"></span>
<strong>'.__('Menu','avia_framework').'</strong>
</span>
</span>
</a>
</li>';
}
return $items;
}
}
- Change the following line from:
if ((is_object($args) && $args->theme_location == ‘avia’) || (is_string($args) && $args = “fallback_menu”))
to:
if ((is_object($args) && in_array($args->theme_location, array(‘avia’,’newmenu’))) || (is_string($args) && $args = “fallback_menu”))
Using in_array so you can conveniently add more menus as needed.
Note: this won’t add the search magnifying glass.
-
This reply was modified 8 years, 6 months ago by
betaphase.
Hey Jan,
To remove the search icon go to Enfold Theme Options > Main Menu > Append search icon to main menu and uncheck.
To hide the mobile menu Try this code in the General Styling > Quick CSS field:
@media only screen and (max-width: 768px) {
.av-burger-menu-main {
display: none!important;
}
Best regards,
Mike
Hi Rochelle,
There menu takes up a lot of space, so it has to change to a burger menu at 1250, below is the code to do that.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width: 990px) and (max-width: 1250px) {
nav.main_menu, #top #menu-item-search {
display: block !important;
}
.menu-item {
display: none;
}
.av-burger-menu-main.menu-item-avia-special {
display: block;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Hesi,
Please remove this code from quick css
Bitte entfernen Sie diesen Code aus dem schnellen CSS
https://cl.ly/3I1H3P0R102S
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 479px) {
#header_main nav.main_menu {
display: block !important;
}
.responsive #top .logo {
width: 70%;
}
}
@media only screen and (min-width: 990px) and (max-width: 1100px) {
#header_main nav.main_menu, #menu-item-search.menu-item {
display: block !important;
}
#header_main nav .menu-item {
display: none;
}
.av-burger-menu-main.menu-item-avia-special {
display: block;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi,
I see what you mean now, I researched it further and found that you need to go to the Enfold > Shop Options panel then set the “Product gallery settings” to the second option (WooCommerce 3.0 Product Gallery). But you are using v3.8 so you don’t have that option.
Since you have an active shop, I recommend that you create a staging site from a clone or a localhost testing site from a clone to test what changes will occur with an update.
Let us know if would need some advice on creating this.
Best regards,
Mike
Hey Munford,
I believe I have recreated what you are trying to do, here are the steps I took and the screenshots.
Settings:
Enfold Theme Options > Header > Header Layout > Menu and Logo Position > Logo center, Menu below
Enfold Theme Options > Header > Header behavior > Sticky Header
Enfold Theme Options > Main Menu > Append search icon to main menu (uncheck)
Added Fullwidth Sub Menu element to frontpage with Sticky Submenu checked
(in my case I added it below the slider)
Then I added this css to hide the main menu div block under the logo
div#header_main_alternate {display:none!important;}


Best regards,
Mike
Hi,
Another option to individually adding your color scheme per page for sub-pages, is to use “parent-pageid” such as “parent-pageid-120” for all the child pages of Wir über Uns. But note that for child pages of wir-ueber-uns/positionen/ you would use “parent-pageid-559”
example:
.parent-pageid-120 #header_main , .parent-pageid-120 #scroll-top-link, .parent-pageid-120 .avia-menu-fx, .parent-pageid-120 #socket{background-color: #000 !important; }
but you would have to remove your other code for the child page as the !important; will conflict with this code, but keep the parent page code. Please see screenshot in Private Content area, as it may help explain better.
*changing background color of submenu
.header_color .main_menu ul ul,.header_color .main_menu .menu ul li a {background-color: #000 !important;}
*changing the main navigation font color AND hover color
Please try Enfold Theme Options > Advanced Styling > menu

*changing font-color of search icon and social icons of main header
.header_color .social_bookmarks a,.header_color .main_menu ul:first-child > #menu-item-search > a {color: #000 !important;}
*changing font color of social media icons on socket
.socket_color .social_bookmarks a {color: #000 !important;}
Hope this helps :)
Best regards,
Mike
Hi there,
first I want to say thanks for this great theme!
I have a problem concerning the background-image in a color section on mobile devices. On desktop everything works like a charm :) but on mobile devices the background image looks very ugly and blurry …
I have searched the forum for hours now and tried a lot of suggestions (like giving a #unique_id to the section and put some media query code in the CSS) but nothing works for me.
At last I found this post
and I think I have exactly the same problem as “sue” has:
Hi
i had the same issue – and found half of the problem. when you select “scroll / srcolling” on the attribute drop down menu for the background image (in the color section) then it works fine on iphone display. BUT if you choose fixed or parallax it will be still deeing visible on iphone displays.
I really need the background image to be fixed and I would like to remove it – better replace it on mobile devices.
So maybe you found a solution in the meantime?
Any help is very appreciated!
Thanks in advance!
Hello,
while searching around I found this thread from 2015. This is what I would like to achieve as well and did the following: I opened /wp-content/themes/enfold/includes/loop-index.php, made a copy, removed the following code and put the copy to my Enfold child theme. But I still can see the author link in the source code
echo '<span class="vcard author"><span class="fn">';
the_author_posts_link();
Can you help? Thank you for your kind assistance in advance.
Best regards
Sophie
Hi, Victoria
Thank you for your prompt reply.
the code in
Enfold > General Styling > Quick Css→did not work
themes/enfold/css/custom.css →did not work
#menu-item-search {
display: none;
}
Actually I’ve already put the above code in Quick Css,
but it still shows up on mobile…..
Your help will be much appreciated
Regards,
cybercats
Hey cybercats,
There is no room for all those elements on mobile, I suggest you move the search form above the logo and the menu on mobile, or remove it and we’ll try to add Enfold search icon close to the burger.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 479px) {
.responsive #top #wrap_all .container {
width: 95%;
max-width: 95%;
}
.responsive #top .logo {
margin-left: 0px !important;
}
#menu-item-shop .cart_dropdown_link {
padding: 0 10px;
float: right;
}
.responsive #top #menu-item-shop.cart_dropdown {
margin-left: 0;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Helmi,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu .menu-item-search-dropdown {
float: left;
}
If you need further assistance please let us know.
Best regards,
Victoria
I have searched for two days and played with every layout, content, and media element within Enfold to no avail. I would like to have a header display of 3 blog posts, one with a larger image and two similar that pull by date – the most recent posts added.
Below that I would like to have a grid of maybe 2 columns that have more general posts in a certain category by most popular. Also, I can’t for the life of me figure out how to get the category to NOT display under each grid image. I do not want the author to display either (at least not right now).
I have a screen shot of an example website for the blog grid but I can’t figure out how to attach it if it’s possible?
I also have “sidebar blog” set under the layout dropdown on the side but my sidebar I use for blog pages is not showing up. I seem to have many, many glithes with this theme and always have. For instance, I check “no border” in the color section setting and still end up with a black line. For years this has been ongoing and I am very frustrated.
Thank you
I tried to change the logo file today and I got an error message saying that it won’t save any changes and to reload the page. I did some research and did the following. Cleared cache, cookies, etc(nothing) Tried multiple browsers, chrome, IE, firefox(nothing) Changed the theme to Twenty Fifteen (also gave similar msg). Also checked all of the folders to see if the permissions were set correct 755 (nothing). Also disabled all of the plugins (nothing). Talked to the hosting company and they also found nothing. Its not just the logo, pretty much everything in Enfold won’t save.
Please help!
Thank you
Hey mcraig77,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.wpcf7 p {
width: 27%;
display: inline-block;
}
.wpcf7 p:nth-child(5) {
width: 15%;
}
.wpcf7 p input[type="submit"] {
padding: 9px 22px;
font-size: 16px;
border-radius: 3px;
}
.wpcf7 input,
#top .input-text, #top input[type="text"],
#top input[type="input"], #top input[type="password"],
#top input[type="email"], #top input[type="number"],
#top input[type="url"], #top input[type="tel"],
#top input[type="search"], #top textarea, #top select
{
border-radius: 3px;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hey mikeormrod,
It is possible, but you need to know php and make changes in enfold/search.php file and enfold/includes/loop-search.php.
If you need further assistance please let us know.
Best regards,
Victoria
Alvaro IcazuriagaGuest
Good morning,
We have contracted the design of our web site (https://joyontoys.com) to a company that has used your Enfold template.
In recent days, we have detected two 403 errors through Google Search Console, and according to what we could find in your forum, the solution is to configure certain options in Avia Layout Builder. But, in our current installation, we do not locate the options that are mentioned in the post with the solution to the problem.
Problem: Errors 403 in:
A) https://joyontoys.com/wp-content/themes/customtheme/framework/
B) https://joyontoys.com/wp-content/themes/customtheme/config-layerslider/LayerSlider/static/skins/
Apparent solution: https://kriesi.at/support/topic/layer-slider-problem-8/
The development company informs us that it can not give us a solution, as they are not currently licensed to consult Kriesi. If we acquire (the interested ones) the license, you have said error localized and solved ?.
Hey csmwebdesign,
Please try the following in Quick CSS under Enfold->General Styling:
.menu-item-search-dropdown {
display:none;
}
.logged-in .menu-item-search-dropdown {
display:block;
}
Best regards,
Rikard
Hi,
Please try the following in Quick CSS under Enfold->General Styling:
.html_elegant-blog #top .template-search .post-entry .post-meta-infos {
margin-top: 20px !important;
}
Best regards,
Rikard
Hi,
Thank you for using Enfold.
Please add this code in the functions.php file.
// custom script
function add_custom_script(){
?>
<script>
(function($){
$(document).ready(function() {
new $.AviaAjaxSearch({scope:'body'});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');
Remove browser cache or hard refresh before checking the page.
Best regards,
Ismael
hi guys
ive an issue with a plugin conflicting with enfold theme, it is the property hive plugin and the authors advised me it is to do with the clear class.
The help page has this feedback
“The default Property Hive templates often use a CSS class called ‘clear’. We’ve seen in the past that themes also use this class but the class in theme actually hides the elements, hence why you’re not seeing anything. To get around this you either need to remove the ‘clear’ class from the theme”
Taken from – https://wp-property-hive.com/faq/why-doesnt-my-search-results-page-show-any-properties/
I use an enfold child theme on my website. Is there an easy way for me to achieve the above ?
Good afternoon,
Please could you let me know if it is possible to hide / disable the built in Enfold search unless the user is logged in?
Many thanks
I use a plugin with shortcode. The plugin works beautiful when I insert the shortcode using the default text editor. But when I use the theme editor I get all kinds of problems.
The first problem was caused by avia-textblock that inserted paragraphs everywhere in my javascript code. I edited /themes/enfold/config-templatebuilder/avia-shortcodes/textblock.php as instructed in another thread. Now I got that working as I am able to insert my shortcode in a textblock using the theme editor.
Next problem appears when I insert my shortcode in a textblock and put that textblock inside a color section. What happens the is that brackets [] and probably more things gets replaced: BMLTQuickSearch.prototype.m_weekday_long_name_array = & # 091;& # 093;;
& # 091; and & # 093; should be brackets.
This happens all over the script of course. My guess is that something happens inside /themes/enfold/config-templatebuilder/avia-shortcodes/section.php as the script works outside of the color section. I don’t have a clue of where to start looking.
I also tried using the code block with different settings but that doesn’t work either.
My shortcode can be used with bracket like [[bmlt_quicksearch]] or like HTML comments <!–bmlt_quicksearch–>. Of course I have tried them both.
I’m looking forward to some help here.
Thanks,
Peter
-
This topic was modified 8 years, 6 months ago by
Jimmy-K.
Dear Ismael,
Thank you for your help. It is default installation of enfold as you could see which means there is a problem in the theme.
Now the “search” icon is moving … and I just managed to make it stuck as shown in my first post.
Best regards,
MD
-
This reply was modified 8 years, 6 months ago by
midudek1.
Hello, Google Search notify me that 2 pages of my site have usability problems.
What can i do? I thought that Enfold was fully responsive
Thanks
Hey nadinedomnink,
You can uncheck the Append search icon to main menu option under Enfold->Main Menu.
Best regards,
Rikard