Hi,

Then you have to change the anchor in the mobile menu, since the browser will stop at the first ID it finds. An ID should only appear once on a page, even though one is hidden.

Best regards,
Rikard

Hey Blaise,

Thank you for the inquiry.

You can add this css code to center align the images in the footer container:

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

  /* Add your Mobile Styles here */
  #top #footer>.container>.av_one_fifth:first-child {
    width: 90%;
    padding-top: 10px;
    margin: 0 auto;
    float: none;
    margin-bottom: 20px;
  }

  #top #footer>.container>.av_one_fifth:last-child {
    width: 60%;
    margin: 0 auto !important;
    float: none;
  }
}

Best regards,
Ismael

Hey Scott,

Thank you for the inquiry.

You cannot directly control the volume of the video on mobile phones, especially on iOS devices. You will need to use the physical buttons of the device to adjust the volume. However, since the video is set to autoplay, it initially plays muted. You have the option to disable autoplay, unmute the video, and allow users to manually play it.

Best regards,
Ismael

Hi,

Thank you for the update.

You can adjust the value of top and left property on smaller screens and specify the height of the column. We adjusted the css code a bit:

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

  /* Add your Mobile Styles here */
  #top .av-custom-header-column .flex_cell_inner {
    height: 400px;
  }

  #top .av-custom-header-column .avia_textblock {
    right: -50px;
    top: 50px;
  }
}

Best regards,
Ismael

Hi,
I believe that you are referring to the Widget Navigation Menu,

to add the icons to those menu items add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#menu-footer-menu li.menu-item > i ~ a {
	display: inline-block;
}
#menu-footer-menu li.menu-item > i:before {
	color: #fff;
}

Then add this code to the end of your child theme functions.php file in Appearance ▸ Editor, if you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

then add this code and save. Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

function add_icon_to_widget_menu_items() { ?>
  <script>
document.addEventListener("DOMContentLoaded", function() {
    const menuItems = document.querySelectorAll('#menu-footer-menu li'); 
    menuItems.forEach(function(item) {
        let classes = item.className.split(/\s+/);
        let iconClass = classes.find(c => c.startsWith('menu-item-icon-'));
        if (iconClass) {
            let iconName = iconClass.replace('menu-item-icon-', '');
            item.innerHTML = '<i class="fa ' + iconName + '"></i> ' + item.innerHTML;
        }
    });
});
</script>
  <?php
}
add_action( 'wp_footer', 'add_icon_to_widget_menu_items', 99 );

Best regards,
Mike

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 Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,
This is due to css specificity so typically the h1 has a added class for color & font like .main_color h1 so to over ride this your css should be like .main_color .hero-text h1, an easy way around this is to add the ID #top to any css you are having trouble with like #top .hero-text h1.
If you have further trouble try making a live site and link to your page so we can examine the classes used in your situation.

Best regards,
Mike

Hi,

Thank you for the update.

We adjusted the code in the Quick CSS field a bit.

#top #header #header_main .widget {
    position: absolute;
    right: 50%;
    transform: translateX(-50%);
    padding: 0;
    margin-top: -3px;
    padding-left: 10px;
}

Best regards,
Ismael

Hi,
1: try changing the date format at WordPress ▸ Settings ▸ General ▸ Date Format
2: Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1);
function avia_add_social_share_link_arguments($args) {
    if (isset($args['square-x-twitter'])) {
        $args['square-x-twitter']['label'] = __("Share on X", 'avia_framework');
    }
	if (isset($args['twitter'])) {
        $args['twitter']['label'] = __("Share on X", 'avia_framework');
    }
    return $args;
}

This will probably not show in German, feel free to adjust “Share on X” in the code above to German
3: try this css:

#top #socket .social_bookmarks .social_bookmarks_mail {
	display: none;
}

4: try this css:

#top .avia-post-nav {
	display: none;
}

Please note that we kindly ask that each thread is for a single topic, it is hard to manage threads with many questions, typically it causes confusion when other Mods try to help or when clients answer but are not so clear, Thank you for your patience and understanding and for using Enfold.

Best regards,
Mike

Hi,

You can do that by adding the same CSS inside of a media query:

@media only screen and (max-width: 767px) {
#top .av-custom-header-column .avia_textblock {
    padding: 40px 20px;
    background: white;
    position: absolute;
    right: -50px;
    top: 50px;
}
}

Then change the values to fit your needs.

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 Ismael could help you out. 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 to hear that it’s working as it should now. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey arklink,

I see that you are running an old version of the theme, could you try to update to the latest version (5.6.12) to see if that helps please? The update to 5.6.12 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

Hi,

Please try this CSS instead:

#footer {
  border-top: 20px solid white;
}

Best regards,
Rikard