Hi,
Entiendo que le gustaría agregar sus propios iconos para los perfiles sociales que no existen, como en las instrucciones: Cómo agregar iconos sociales personalizados a las opciones de Enfold Pero solo puedes hacer eso si agregas iconos de fontello.com No puedes usar imágenes para hacer esta.
Es por eso que sugiero una técnica para sustituir los iconos incorporados por tus imágenes
Puede cambiar el título del icono con jQuery, aquí hay un ejemplo que cambia el título de twitter. Intente agregar este código al final de su archivo functions.php en Apariencia> Editor:

function change_twitter_title(){
  ?>
  <script>
  jQuery(window).load(function(){
  jQuery( '.social_bookmarks_twitter' ).each(function() {
  jQuery( this ).find( 'a' ).attr({title: "New Social Title"});
  });
  });
  </script>
  <?php
  }
  add_action('wp_footer', 'change_twitter_title');

Estaré encantado de ayudarlo a crear código personalizado para sus propios títulos

————–

I understand you would like to add your own icons for social profiles that do not exist such as in the instructions: How to add Custom Social Icons to Enfold options But you can only do that if you add icons from fontello.com You can not use images to do this.
This is why I suggest a technique to substitute the built-in icons for your images
You can change the icon title with jQuery, here is an example that changes the twitter title. Try adding this code to the end of your functions.php file in Appearance > Editor:

function change_twitter_title(){
  ?>
  <script>
  jQuery(window).load(function(){
  jQuery( '.social_bookmarks_twitter' ).each(function() {
  jQuery( this ).find( 'a' ).attr({title: "New Social Title"});
  });
  });
  </script>
  <?php
  }
  add_action('wp_footer', 'change_twitter_title');

I will be happy to assist you create custom code for your own titles

Best regards,
Mike

Hey verydapper,
If I understand correctly you would like to have a transparent header with a white logo and menu items, and on scroll the header becomes white with black logo and menu items.
For this the setting “Header is invisible and appears when user scrolls down” is not correct, this setting shows no header at all until scroll.
The setting you want is “Transparent Header” which I changed for you.
Yet your header is behaving like a sticky header, which was set at: Enfold Theme Options > Header > Header behavior > Sticky Header
Which I unchecked for you.

I see you have a Godaddy cache, which I tried clearing, but I believe it is cached on the server, please clear and disable all caching, especially a server cache, I also see you have JetPack installed, please disable.
I believe this should get your header working right, because I believe we are looking at a cached version, but there could be a conflict elsewhere, such as “Nifty Coming Soon & Maintenance page”
So try to temporarily disable if the steps above don’t help.
Let us know if this doesn’t solve and allow us to disable your plugins to test.

Best regards,
Mike

Hey denisj77,
Please try this solution

Best regards,
Mike

Hey toddbarden,

This is due to a mixed content error “corrs”

(index):195 Mixed Content: The page at ‘https://your-site.co.uk/beachside-holidays/sunwave/’ was loaded over HTTPS, but requested an insecure resource ‘http://that-site.co.uk/booking/index.php?id_item=10’. This request has been blocked; the content must be served over HTTPS.

It’s because the other site is not https

Best regards,
Mike

Hey Thomas,
The image is set as the background of a grid row cell, when the image is picked it is set as “full-size” attachment, which is 1200px square.

To see the settings, Enable Avia Layout Builder Debuger and add this shortcode into the debug window on a new page:

[av_layout_row border='' min_height_percent='' min_height='' color='main_color' mobile='av-flex-cells' id='Best Rated' av_element_hidden_in_editor='0' av_uid='av-web4fa']
[av_cell_one_half vertical_align='middle' padding='150px,0px,150px,150px' background_color='#f8f8f8' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='' av_uid='av-w7grli']

[av_one_full first min_height='' vertical_alignment='av-align-top' space='no_margin' custom_margin='aviaTBcustom_margin' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='left-to-right' mobile_display='' av_uid='av-w2cptq']

[av_heading tag='h1' padding='20' heading='More than 100.000 users and the best rating on Themeforest' color='custom-color-heading' style='blockquote modern-quote' custom_font='#000000' size='40' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' margin='' av_uid='av-a1lwm'][/av_heading]

[av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-vq7lpq']

[av_textblock size='' font_color='' color='' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-vimjgu']
Enfold is the best rated top seller on <a href="https://themeforest.net/?ref=Kriesi" target="_blank">Themeforest</a>. There is no other theme with that many sales that has an average rating of 4.85. Heck, you will be hard pressed to find <strong>ANY</strong> product on the web with that many sales and a rating that good ;)
[/av_textblock]

[av_hr class='invisible' height='20' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-vcpmce']

[av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='#e2bc12' av_uid='av-v8q3oe'][/av_font_icon]

[av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='#e2bc12' av_uid='av-v0ckqm'][/av_font_icon]

[av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='#e2bc12' av_uid='av-uses5q'][/av_font_icon]

[av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='#e2bc12' av_uid='av-uqms5a'][/av_font_icon]

[av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='#e2bc12' av_uid='av-ugrfpi'][/av_font_icon]

[av_hr class='invisible' height='42' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-uf3una']

[av_button label='Get it now' link='manually,http://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?license=regular&open_purchase_for_item_id=4519990&purchasable=source&ref=Kriesi' link_target='' size='large' position='left' icon_select='yes' icon_hover='aviaTBicon_hover' icon='ue859' font='entypo-fontello' color='dark' custom_bg='#444444' custom_font='#ffffff' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-u6k5hi']

[/av_one_full][/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='500px,0px,500px,0px' background='bg_color' background_color='#f8f8f8' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='https://127.0.0.1/2017demo1/wp-content/uploads/2017/01/mockup-3.png' attachment='298' attachment_size='full' background_attachment='scroll' background_position='bottom left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='av-hide-on-mobile' av_uid='av-u1r53a' custom_class='linkcell']

[/av_cell_one_half]
[/av_layout_row]

You won’t get the images too, but you can download them from the live demo you linked to.

Best regards,
Mike

Hey diefleischerei,
You can use css transitions to do this, please see the options at: Animate.css from the drop down list look for “zoomin”

Best regards,
Mike

Hey Marco,
Please try this code in the General Styling > Quick CSS field or in your WordPress > Customize > Additional CSS field

#header .avia_mega_div .units {
    padding: 0px !important; 
}

Please clear your browser cache and check.

Best regards,
Mike

Hey cavanaughb,
While the Masonry Gallery & Gallery Element seem to be closely related, the differences that you describe would require quiet a bit of modifications to achieve the hybrid that you are looking for. Unfortunately this level of modifications is more than we can offer here.
I would recommend trying a plugin, such as: WP Video Lightbox or WonderPlugin Lightbox to name a couple that already seem to offer these functions.
Thank you for your understanding, and for using Enfold.

Best regards,
Mike

Hey dondela,
Your header and top section is transparent, but your #main, which is behind them, is white.
Please try this code in the General Styling > Quick CSS field to see these areas transparent:

#top.home #main {
    background: transparent !important; 
}

Or if you want to make the header transparent only, please try this css:

@media only screen and (min-width: 989px) { 
#top.home #main {
clip-path: polygon(0 118px, 100% 118px, 100% 100%, 0% 100%);
}
}

Best regards,
Mike

Hi,
Sorry about closing the other thread, I thought you were saying that the issue was resolved. I’ll be more careful going forward.
Glad to hear the code above helped, to adjust the header slideshow image for mobile & tablet, please try this css in the Quick CSS:

@media only screen and (max-width: 430px) { 
#top.page-id-983 .avia-slide-wrap {
height: 190px !important; 
}
#top.page-id-983 .avia-slide-wrap img {
    top: 31% !important; 
}
}
@media only screen and (min-width: 431px) and (max-width: 1023px) { 
#top.page-id-983 .avia-slide-wrap {
height: 360px !important; 
}
#top.page-id-983 .avia-slide-wrap img {
    top: 60px !important; 
}
}

Best regards,
Mike

Hi,
Unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Lamento no saber qué son los “microdonativos” de red. ¿Pueden vincularse para poder ayudar?
Además, ¿ha visto todas las redes integradas en: Enfold Theme Options> Social Profiles> Your social profiles

——————

Sorry I do not know what network “microdonatives” is, can you please link to it so I can assist.
Also, have you seen all of the built in networks at: Enfold Theme Options > Social Profiles > Your social profiles

Best regards,
Mike

Hi,
The image sizes are found in the enfold/functions.php starting at line 161, please look for:

/*
 * Register additional image thumbnail sizes
 * Those thumbnails are generated on image upload!
 *
 * If the size of an array was changed after an image was uploaded you either need to re-upload the image
 * or use the thumbnail regeneration plugin: http://wordpress.org/extend/plugins/regenerate-thumbnails/
 */

$avia_config['imgSize']['widget'] 			 	= array('width'=>36,  'height'=>36);						// small preview pics eg sidebar news
$avia_config['imgSize']['square'] 		 	    = array('width'=>180, 'height'=>180);		                 // small image for blogs
$avia_config['imgSize']['featured'] 		 	= array('width'=>1500, 'height'=>430 );						// images for fullsize pages and fullsize slider
$avia_config['imgSize']['featured_large'] 		= array('width'=>1500, 'height'=>630 );						// images for fullsize pages and fullsize slider
$avia_config['imgSize']['extra_large'] 		 	= array('width'=>1500, 'height'=>1500 , 'crop' => false);	// images for fullscrren slider
$avia_config['imgSize']['portfolio'] 		 	= array('width'=>495, 'height'=>400 );						// images for portfolio entries (2,3 column)
$avia_config['imgSize']['portfolio_small'] 		= array('width'=>260, 'height'=>185 );						// images for portfolio 4 columns
$avia_config['imgSize']['gallery'] 		 		= array('width'=>845, 'height'=>684 );						// images for portfolio entries (2,3 column)
$avia_config['imgSize']['magazine'] 		 	= array('width'=>710, 'height'=>375 );						// images for magazines
$avia_config['imgSize']['masonry'] 		 		= array('width'=>705, 'height'=>705 , 'crop' => false);		// images for fullscreen masonry
$avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>845, 'height'=>321);		            	// big images for blog and page entries
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 );						// images for fullsize pages and fullsize slider
$avia_config['imgSize'] = apply_filters('avf_modify_thumb_size', $avia_config['imgSize']);


$avia_config['selectableImgSize'] = array(
	'square' 				=> __('Square','avia_framework'),
	'featured'  			=> __('Featured Thin','avia_framework'),
	'featured_large'  		=> __('Featured Large','avia_framework'),
	'portfolio' 			=> __('Portfolio','avia_framework'),
	'gallery' 				=> __('Gallery','avia_framework'),
	'entry_with_sidebar' 	=> __('Entry with Sidebar','avia_framework'),
	'entry_without_sidebar'	=> __('Entry without Sidebar','avia_framework'),
	'extra_large' 			=> __('Fullscreen Sections/Sliders','avia_framework'),
	
);

But I’m surprised you had a fatal error, because this plugin had been working well for many. Was it the Thumbnail regeneration that gave the error? Perhaps another plugin conflicted with it?

Best regards,
Mike

Hi,
To style the form error, please add this code in the General Styling > Quick CSS field:

#top .white-popup .valid .text_input,#top .white-popup .valid .text_area,#top .white-popup .valid .select {
    border: 1px solid #9AA600
}

#top .white-popup .error .text_input,#top .white-popup .error .text_area,#top .white-popup .error .select {
    border: 1px solid #DF653E
}

#top .white-popup .ajax_alert .text_input,#top .white-popup .ajax_alert .text_area,#top .white-popup .ajax_alert .select {
    border: 1px solid #ffb628
}

#top .white-popup .valid .input_checkbox_label {
    color: #9AA600
}

#top .white-popup .error .input_checkbox_label {
    color: #DF653E
}

After I open the popup I am unable to scroll the window.
But when I open the popup the page does scroll a little bit on it’s own. Is this what you are talking about?

Best regards,
Mike

Hi,
I added this to your Quick CSS:

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
    color: gray !important; 
}

Please clear your browser cache and check.

Best regards,
Mike