Hi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

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

Hi,
Thanks for the further explanation, please try this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.av_gmaps_sc_main_wrap #av_gmap_0 .av_text_confirm_link {
    margin-left: -100px;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,

Thanks for that. I can’t see the indicated space on your actual site, if you are looking to remove the space above the apple logo, then please try the following in Quick CSS under Enfold->General Styling:

.html_header_transparency #top .avia-builder-el-0 .container, .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
    padding-top: 0;
}

Best regards,
Rikard

Hey nV15OoBtg21iTn5z,

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

.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a {
    text-decoration: none;
}

Best regards,
Rikard

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi MarionMLG,

Could you try updating the theme to the latest version (5.2.1) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update. Also make sure your PHP version is 8.x.

Best regards,
Rikard

Hi,

Thanks for the update. I can’t see any background colours set on the front page, did you add those with custom CSS as well?

The white logo is set under Enfold->Header->Transparency Options.

Best regards,
Rikard

Hi,
Typically you would follow our documentation and find your icon at fontello.com and then add it to your site. But Patreon is not available at fontello.com
So if you add a social icon that you don’t use and add your Patreon link to it we can use css to swap out the icon with one of these

let us know which one you like.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

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

Hi,

Thanks for the clarification. I see that button when I change to the block editor, but I’m not sure what the actual problem is though. Is it that you can’t edit the page in question in the Enfold Layout Builder, or in the block editor? Please note that it’s advisable to only stick to one of the two editors, as they are not really compatible with each other.

Best regards,
Rikard

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Thank you for your patience and for the login, I found the solution is to set the CSS File Merging option at Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression to Use minified theme CSS files without merging
I set this for you and now the stars are showing.
The issue was that the link in the css for the stars is relevant so when the css is merged in the /wp-content/uploads/dynamic_avia/ directory the URL for the stars is expected at /wp-content/uploads/dynamic_avia/images/star.png instead of it’s actual location at /wp-content/themes/enfold/config-woocommerce/images/star.png
I have reported this to the Dev Team for their review, for now you can use the setting that I set or you can upload a copy of the stars image to the /wp-content/uploads/dynamic_avia/images/ directory to use the CSS File Merging option.

Best regards,
Mike

Hi,

Thanks for the update, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hey mvanstee,

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

.av-social-link-instagram:hover a {
  background-color: #CB9F2C !important;
}

Best regards,
Rikard

Hi David,

I see that you are running an old version of the theme, could you try to update to the latest version (5.2.1) to see if that helps please? The update to 5.0 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or use a plugin to upload the theme zip file: https://wordpress.org/plugins/update-theme-and-plugins-from-zip-file/
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

Hi Hajé,

Please open a new thread and include WordPress admin login details in private, so that we can have a closer look at your site.

Best regards,
Rikard