Hi,

Great, I’m glad that we could help. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad that you found it. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey joguitar,

Thank you for the inquiry.

To fix the alignment, please replace the css with the following code:

.responsive #top .avia-icon-circles-icon {
    height: 120px;
    width: 120px;
    line-height: 120px;
    font-size: 75px;
    margin: -60px;
}

Best regards,
Ismael

Hey dweddell,

Thank you for the inquiry.

The search and social icons are hidden in mobile view by default due to the lack of space in the header. If you want to display them again, you can try this css code:

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .responsive #header .social_bookmarks {
    display: block !important;
  }

  #top #header .av-main-nav>#menu-item-search {
    display: block !important;
  }
}

Best regards,
Ismael

Hi,

Mouse over on the images, Title and introduction text. Can this be done within Enfold??

This is possible but it will require a bit of modifications such as assigning custom fields to the portfolio items. If you want to continue, please follow these steps:

1.) Add this code in the functions.php file to register a new attribute the portfolio image which uses the value of the av_portfolio_hover_image custom field.

function avf_add_custom_field_as_hover_image($attrs, $entry) {
    $hover_image_url = get_post_meta($entry->ID, 'av_portfolio_hover_image', true);

    if (!empty($hover_image_url)) {
        $attrs['data-hover-image'] = esc_url($hover_image_url);
    }

    return $attrs;
}
add_filter('avf_portfolio_image_attrs', 'avf_add_custom_field_as_hover_image', 10, 2);

2.) Then add this script to create the hover effect:

function ava_custom_script_hover_image() {
    ?>
    <script>
        (function ($) {
            function hoverImageChange() {
                $('.grid-sort-container .grid-entry img').each(function () {
                    var $img = $(this);
                    var originalSrc = $img.attr('src');
                    var hoverImage = $img.data('hover-image');

                    if (hoverImage) {
                        $img.hover(
                            function () {
                                $img.stop().fadeOut(200, function () {
                                    $img.attr('src', hoverImage).fadeIn(200);
                                });
                            },
                            function () {
                                $img.stop().fadeOut(200, function () {
                                    $img.attr('src', originalSrc).fadeIn(200);
                                });
                            }
                        );
                    }
                });
            }

            $(document).ready(function () {
                hoverImageChange();
            });
        })(jQuery);
    </script>
    <?php
}
add_action('wp_footer', 'ava_custom_script_hover_image');

3.) Edit any portfolio items, apply the av_portfolio_hover_image custom field and place the URL of the hover image.

4.) Add this css code to disable the default image overlay

.grid-entry a .image-overlay {
  display: none !important;
}

Best regards,
Ismael

Hi,
Glad to hear that you found a plugin, I have not used it and I only found an old issue from 2018 with it, probably not an issue anymore.
Shall we close this thread then?

Best regards,
Mike

Hi,

Great, I’m glad that we could help. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thanks for that. I’ve opened the old topic, please continue in there. We’ll close this thread for now.

Best regards,
Rikard

Hey,

Thanks for that. I’m not sure why this topics was closed, sorry for that.

I’ve added another instance of your testimonials and the navigation seems to be working fine there. Please check the new instance and remove the old one if it works as expected. I’ve removed the styling in the new instance, but we can add that back with CSS if everything is working as it should.

Regards,
Rikard

Hey Aeroviews,

Could you post a link to the closed topic so that we can see the history please?

Best regards,
Rikard

Hey compras185,

The update to 6.0.3 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 upload the theme as if it was new under Appearance->Themes->Add New Theme.
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