Hi,
Thank you for your patience, I tested the Logo Centered split menu in the documentation and for my demo which has 7 menu items and the search icon and the social icons I found this css worked well:

@media only screen and (min-width: 780px) {
#top #header .av-main-nav li:nth-child(4) {
  /* Adjust the width of the logo */
    margin-right:214px;
}

#header .main_menu {
    /*background: gold;*/
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.av-main-nav-wrap {
    left: 50%;
    transform: translateX(-50%);
}

#header .logo {
    left: 50%;
    transform: translateX(-40%);
    z-index:999;
}

#header .logo img {    
    top: 50%;
    transform: translateY(-50%);
    max-width: 165px;  
}
#top nav .social_bookmarks {
    float: right;
}
}

with this result:

Perhaps this will help you adjust your css.
Guenni007 thanks for sharing your tips.

Best regards,
Mike

Hi,

Please try the following in Quick CSS under Enfold->General Styling:

#top div .av-dark-form .input-text, #top div .av-dark-form input[type=email], #top div .av-dark-form input[type=input], #top div .av-dark-form input[type=number], #top div .av-dark-form input[type=password], #top div .av-dark-form input[type=search], #top div .av-dark-form input[type=tel], #top div .av-dark-form input[type=text], #top div .av-dark-form input[type=url], #top div .av-dark-form select, #top div .av-dark-form textarea, div div .av-dark-form .button {
    color: green;
    border-color: red;
}

Best regards,
Rikard

Hi,
Thanks for trying, I Enabled the Avia Layout Builder Debugger and searched the homepage shortcode and found the image twice, so I removed it and checked the page again and the error doesn’t show and I don’t see anything different on your page.
Please check your page carefully, if it looks correct then fine.

Best regards,
Mike

Hi,
Thank you for your patience and the link to your question, as I understand the first question you are currently using this function to show a text logo on your desktop site, but you only want it to work on desktop and on mobile you want the logo image that you uploaded at Enfold Theme Options > Logo to show. To do this you will need to modify the function to include an IF statement to detect the WordPress mobile function like this:

add_filter('avf_logo_final_output', 'avf_text_logo_final_output');
function avf_text_logo_final_output($logo) {
	if(!wp_is_mobile() ) {
  $link     = apply_filters('avf_logo_link', home_url('/'));
  $logotext = "LOGO TEXT";
  $subtext  = "CUSTOM SUBTEXT";
  $subtext  = "<span class='subtext'>$subtext</span>";
  $logo     = "<span class='logo'><h1><a href='".$link."'>".$logotext.$subtext."</a></h1></span>";
  return $logo;
   } else {
	return $logo;
	}
}

If you have trouble adjusting your function, please include an admin login in the Private Content area below so we can assist.
2: when I check your site I see the magnifying glass, perhaps you already found the setting at Enfold Theme Options ▸ Main Menu ▸ General ▸ Append search icon to main menu

3: to change the pagination to “Load More”, it look like you are using the Blog Posts element, but this element doesn’t offer the “Load More” pagination, for this option please try the Masonry element:

but this will also change the layout of your post grid, so please test on a test page to see if you like the change.

Best regards,
Mike

Hi,
Ok, try using this function instead:

function add_ajax_search_icon_to_burger_menu_no_desktop_search(){
  ?>
  <script>
(function($){
	$('#top #wrap_all #menu-item-search').css({'visibility':'hidden'});
$('#avia-menu').one('click', function(){
    $('#menu-item-search').clone().wrapInner('<li class="burger_search"/>').children(0).unwrap().prependTo('#av-burger-menu-ul');
    $('#top #wrap_all #av-burger-menu-ul > li').css({'-webkit-transform':'none'});
});
})(jQuery);
</script>
  <?php
  }
  add_action('wp_footer', 'add_ajax_search_icon_to_burger_menu_no_desktop_search');

Please note that you still need to have the search icon enabled in the theme options at Enfold Theme Options ▸ Main Menu ▸ General ▸ Append search icon to main menu

Best regards,
Mike

Hi,
To add the ajax search icon to the top of the burger menu add this function to your child theme functions.php:

function add_ajax_search_icon_to_burger_menu(){
  ?>
  <script>
(function($){
$('#avia-menu').one('click', function(){
    $('#menu-item-search').clone().wrapInner('<li class="burger_search"/>').children(0).unwrap().prependTo('#av-burger-menu-ul');
    $('#top #wrap_all #av-burger-menu-ul > li').css({'-webkit-transform':'none'});
});
$('#avia-menu').click(function() {
	setTimeout(function(){
	if ($('#av-burger-menu-ul').is(":visible")) {
	$('#menu-item-search').css({'visibility':'hidden'});
	}else{
	$('#menu-item-search').css({'visibility':'visible'});		
	}
	},500);
});
})(jQuery);
</script>
  <?php
  }
  add_action('wp_footer', 'add_ajax_search_icon_to_burger_menu');

Please note that you need to have the search icon enabled in the theme options at Enfold Theme Options ▸ Main Menu ▸ General ▸ Append search icon to main menu
this is the expected results with the burger menu open:

and when the search is used:

Best regards,
Mike

Hey A,
Thanks for your patience and the link to your site, to make your header transparent only on your homepage and make the menu items white when the header is transparent so you can see them I added this css:

.html_header_top.html_header_sticky #header.av_header_transparency {
    background: transparent;
}
#top #header.av_header_transparency .av-main-nav > li > a {
    background-color: transparent;
}
#top #header.av_header_transparency .av-main-nav > li > a .avia-menu-text {
    color: #fff
}
#top #header.av_header_transparency .av-main-nav > li#menu-item-search > a {
	color: #fff;
}
#top #header.av_header_transparency .av-main-nav li:hover .avia-menu-fx, 
#top #header.av_header_transparency .current-menu-item > a > .avia-menu-fx, 
#top #header.av_header_transparency .av-main-nav li:hover .current_page_item > a > .avia-menu-fx {
    background-color: #fff;
}

To remove the social icons I removed them at Enfold Theme Options ▸ Social Profiles, none of them had links so they would not do anything on click anyways.
Then I added this css to make your phone number larger and move the menu over to make room:

#header_main .phone_number a p {
	font-size: 47px;
}
#header_main .avia-menu.av_menu_icon_beside {
    margin-right: 336px;
}

If you want the phone number smaller feel free to adjust
please clear your browser cache and check.

Best regards,
Mike

Hey mvanstee,

Thank you for the inquiry.

You will have to manually modify the avia_woocommerce_frontend_search_params function in the themes/enfold/config-woocommerce/config.php file around line 1541. Sorting the items or products by tags or categories is not supported by Woocommerce by default, so you will have to code it manually. Please note that this kind of modification is beyond the scope of support, so you may need to look for third party developers for additional assistance. You can contact our partner Codeable or hire a freelance developer to add the option.

Best regards,
Ismael

Hey Nancy,

Thank you for the inquiry.

We adjusted the css code a bit. Please try it again.

#header #avia-menu>li, #header .menu-item {
  display: none !important;
}

#avia-menu .av-burger-menu-main, .home #avia-menu .menu-item-search-dropdown {
  display: block !important;
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi,

You can upload more icon fonts from Fontello or Flaticon using the Iconfont manager. Please check the documentation below for more info.

// https://kriesi.at/documentation/enfold/icon/#adding-your-own-fontello-or-flaticon-icons-

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hey Marina,

Thank you for the inquiry.

Does it work when you add more entries with the “website” keyword? It is possible that the last entry (Enfold’s About) in the search result is causing the issue. Please try to create another entry or check the last entry for any layout or html issues.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

We are not able to check the site because it is currently not accessible, may need to login first. For the meantime, you can try this css code to adjust the color of the post title in the AJAX search.

.header_color .av_ajax_search_title {
    color: #ffffff;
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi Palle,

Please add following code to Quick CSS field in Enfold theme options > General Styling tab

#top #wrap_all .av-burger-overlay-scroll {
  background-color: rgba(0, 96, 156, 0.95);
}

To add a search bar, please refer to this post – https://kriesi.at/support/topic/searchfield-in-menu/#post-1365702

Best regards,
Yigit