Hi,
Yes this file worked:

unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hi,
If you are using a child theme then yes leave the code in the functions.php, otherwise I recommend the WPcode plugin this plugin supports PHP code snippets, JavaScript code snippets, & CSS code snippets and you will not lose your code when you update as you would if the code is in your parent theme functions.php.
To change it into a button using the magic wand in the Post editors we will need to change the function a little to use do_shortcode
Here is an example that I tested on my yest site and works, you can change the button code to suit your needs:

add_action("ava_after_content", function() {
    if (is_singular('post')) {
        echo do_shortcode("[av_button label='Back to Bolg' icon_select='yes' icon='ue830' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='manually,#' link_target='' size='medium' position='center' label_display='' title_attr='' size-text='' av-desktop-font-size-text='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' margin='' margin_sync='true' padding='' padding_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-margin='' av-small-margin_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-margin='' av-mini-margin_sync='true' av-mini-padding='' av-mini-padding_sync='true' color_options='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='' sc_version='1.0' admin_preview_bg='']");
    }
}, 10);

Best regards,
Mike

Hi,
In your example link the only overlay is a title, the image doesn’t change.
For your boats in the image element you can enable the Image Caption on hover.

Best regards,
Mike

Hi,
Glad this helped, if you want to change the position just play with the percentages, I used percentages so it would adjust for different screen sizes.
Unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Thanks for the link to your site, it looks like you want to overlay the text over the image, so I added a custom class to the text element podcast-mic
and added this css:

.podcast-mic h3 {
	position: absolute;
	right: 1%;
    top: 33%;
}
.podcast-mic p a {
    position: absolute;
    right: 10%;
    top: 50%;
}

and now I think it is as you wanted:

please clear your browser cache and check.

Best regards,
Mike

Hey Munford,
Thank you for your patience, I couldn’t find a link to the site to login, please include.
Please note that after you create the new API and the mailchimp form is showing correctly at Enfold Theme Options ▸ Newsletter ▸ Mailchimp ▸ Available Lists you will still need to open each mailchimp form on your site and resave for them to work correctly.

Best regards,
Mike

Hey bbarasa,
Thank you for your patience I don’t have an iPhone but I tested your menu in my Mac Safari in Responsive Design Mode to emulate an iPhone and the burger menu opened for me, I also tested in my Android device. I have asked the rest of the team to check on their iPhones and advise.
Either I or they will reply when we can reproduce the error and offer a solution, Thank you for your patience.

Best regards,
Mike

Hey Stilecatalini,
If you mean this on your homepage with the boats:

I added this css for your to remove it:

.main_color .image-overlay .image-overlay-inside:before {
	opacity: 0;
}
.avia_transform #top a:hover .image-overlay {
    background: transparent;
    opacity: 0!important;
}

now it is like this:

clear your browser cache and check.
Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hey Carl,
Please use the option Enfold Theme Options ▸ Header ▸ Header behavior ▸ Sticky Header to make the header sticky.
To show the footer always visible at the bottom of the screen Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#footer {
	position: fixed;
	bottom: 0;
	width: 100%;
}

After applying the css, please clear your browser cache and check.
Please note that using the contact form is not appropriate for support questions, please log in to the support forum and open a new thread if you need further assistance.
If you are unable to login to the support forum because you don’t have a activate support contract, please try going to your Theme Forest account and renew your support and then log in to the support forum and open a new thread.

Best regards,
Mike

Hi,
Thank you for your patience, on my demo site the text is below the products like this:

please link to your page so we can examine.

Best regards,
Mike

Hi,
On this page: https://alphafamilycounseling.net/slider-revolution-test-page/
the ID for Yigit css doesn’t exist #rev_slider_3_1 you said that it worked fine until you made some changes, perhaps the changes changed the ID to #rev_slider_9_1 so try this css:

@media only screen and (max-width: 480px) { 
#rev_slider_9_1 a.rs-layer {
max-width: none !important;
}
}

After applying the css, please clear your browser cache and check.
Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

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,
If you link to the font zip file we can test it.

Best regards,
Mike

Hi,
I added it and it is not clickable because it is under the cookie bar.

Best regards,
Mike

Hi,
No I don’t think so, I see that you are using WPML, try asking them if there is a why that their plugin does that, it might be an option in the plugin but I don’t know.

Best regards,
Mike