Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (min-width: 991px) {
.html_header_transparency #main {
  padding-top: 118px !important;
}
}

Best regards,
Rikard

Hi,
Please note that the Fluent Forms month field is a select div with options using this css:

#top select {
    -webkit-appearance: none;
    border-radius: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
    background-position: center right;
    background-repeat: no-repeat;
    border-radius: 2px;
}

showing a image for the drop down giving you this:

and when you click on it shows the options:

since the year is not a select div with options, but a input with spans you will not see this or the same image.
I wrote this css to override the plugin css:

#top .numInputWrapper .arrowUp,
#top .numInputWrapper .arrowDown {
    opacity: 1;
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: -5px;
}
.numInputWrapper span.arrowUp:after,
.numInputWrapper span.arrowDown:after {
    top: 0;
    height: 14px;
}
#top .numInputWrapper .cur-year {
	margin-bottom: 14px;
}

but this is about as close as we can get it, since we can not support third party plugins, if you need more help with this please ask the plugin author to examine. I don’t see any theme css causing this issue.

Best regards,
Mike

Hi,
Thank you for sharing your solution, but when I test our demo there are no IDs added to the mobile menu items, unless you mean a menu link with an ID to an anchor on the page. I tested in WAVE and found no errors for IDs.
If you mean the link IDs to anchors on the page, note that the mobile menu is not created until the menu is clicked, nonetheless since most people use the same link IDs on their page for mobile and desktop, this would break their links.
Since I can not reproduce your issue and this is beyond what we can do here, you are welcome to open a Github Feature Request to place a request and follow it as the Dev Team reviews it.

Best regards,
Mike

Hey Diana,
Thanks for the login, I added this code to your theme functions.php file:

function change_aria_hidden_for_scroll_top_link_when_it_shows() { ?>
  <script>
window.addEventListener('scroll', function() {
  const scrollTopLink = document.getElementById('scroll-top-link');

  if (!scrollTopLink) return;

  const style = window.getComputedStyle(scrollTopLink);
  const rect = scrollTopLink.getBoundingClientRect();
  const inViewport = rect.width > 0 && rect.height > 0;

  const ariaValue = (style.display !== 'none' && style.visibility !== 'hidden' && inViewport) ? 'false' : 'true';

  scrollTopLink.setAttribute('aria-hidden', ariaValue);

  const childSVGs = scrollTopLink.querySelectorAll('svg');
  childSVGs.forEach(svg => {
    svg.setAttribute('aria-hidden', ariaValue);
  });
});
  </script>
  <?php
}
add_action( 'wp_footer', 'change_aria_hidden_for_scroll_top_link_when_it_shows', 99 );

It changes the aria-hidden for the scroll-top-link and the SVG icon when it shows, from false to true.
I tested in the browser DOM and it works. Unfortunately we don’t have access to the AXE tool as it looks like a paid tool, but I did check in WAVE. Unfortunately, while in the live browser the code works, the WAVE tool doesn’t update the DOM so it doesn’t look like it is working, perhaps this is a limitation of the free version, I don’t know.
I tried to add this to your snippet Header Footer Code Manager plugin but it didn’t work there, the plugin seems limited, if you find this workshop for you and 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:

and ensure that it is activated, then add the above code and save, after you remove it from the theme functions.php file so it will not be lost when you update.

PS for testing this is the snippet with console log comments that I tested with that will show that the aria-hidden changes while the page is scrolled:

function change_aria_hidden_for_scroll_top_link_when_it_shows_log() { ?>
  <script>
window.addEventListener('scroll', function() {
  const scrollTopLink = document.getElementById('scroll-top-link');

  if (!scrollTopLink) {
    console.log('Element #scroll-top-link not found.');
    return;
  }

  const style = window.getComputedStyle(scrollTopLink);
  const rect = scrollTopLink.getBoundingClientRect();
  const inViewport = rect.width > 0 && rect.height > 0;

  console.log('Scroll event triggered.');
  console.log('Display:', style.display);
  console.log('Visibility:', style.visibility);
  console.log('BoundingClientRect:', rect);
  console.log('In viewport:', inViewport);

  const ariaValue = (style.display !== 'none' && style.visibility !== 'hidden' && inViewport) ? 'false' : 'true';

  console.log(#scroll-top-link is ${ariaValue === 'false' ? 'visible' : 'hidden'}. Setting aria-hidden to ${ariaValue}.);

  // Set on the main link
  scrollTopLink.setAttribute('aria-hidden', ariaValue);

  // Set on any child SVGs
  const childSVGs = scrollTopLink.querySelectorAll('svg');
  childSVGs.forEach(svg => {
    svg.setAttribute('aria-hidden', ariaValue);
    console.log('Updated child SVG aria-hidden to', ariaValue);
  });
});

  </script>
  <?php
}
add_action( 'wp_footer', 'change_aria_hidden_for_scroll_top_link_when_it_shows_log', 99 );

don’t use both snippets at the same time, this is just for proof of work.

Best regards,
Mike

Hi,
Try this thread.

Best regards,
Mike

Hey minhndq,
Duplicate thread for https://kriesi.at/support/topic/flatpickr-date-picker-year-dropdown-not-displaying-in-fluent-forms/#post-1485947
We will close this one.

Best regards,
Mike

Hi,

This is how the site looks on an actual mobile device, identical to the desktop view:

View post on imgur.com

Best regards,
Ismael

Hey Bpelzer,

Thank you for the inquiry.

Adding this css code should help move the copyright text below the image, but it will create a bit of extra space below the slider.

#presse .av-horizontal-gallery {
    padding-bottom: 120px;
}

#presse .presse-galerie .av-image-copyright {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    padding-top: 0;
}

#presse .presse-galerie .av-horizontal-gallery-wrap {
    overflow: visible;
    padding-bottom: 50px;
}

View post on imgur.com

Best regards,
Ismael

Hi,

Thank you for the update.

We already set the width to 80px, but it seems to be overridden by the default styles. Try to replace the selector “.contact-form :is([type=submit], button:not([type=reset]))” with “#top #wrap_all .contact-form :is([type=submit], button:not([type=reset]))”.

Let us know the result.

Best regards,
Ismael

Hey faroestudio,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function change_posts_titles_from_h3_to_h2_in_grid_view() { ?>
  <script>
(function($) {
  $(function() {
    function replaceElementTag(targetSelector, newTagString) {
      $(targetSelector).each(function(){
        var newElem = $(newTagString, {html: $(this).html()});
        $.each(this.attributes, function() {
          newElem.attr(this.name, this.value);
        });
        $(this).replaceWith(newElem);
      });
    }
    replaceElementTag('.slide-entry-wrap h3.slide-entry-title.entry-title ', '<h2></h2>');
  });
}(jQuery));
</script>
  <?php
}
add_action( 'wp_footer', 'change_posts_titles_from_h3_to_h2_in_grid_view', 99 );

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:

and ensure that it is activated, then add the above code and save.

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

Hey profumopuntoit,

Thank you for the inquiry.

You can add this css code to adjust the width and height of the SVG icons.

.responsive #top #wrap_all .menu-item-search-dropdown >a > svg {
    width: 24px;
    height: 24px;
}

.responsive #top #wrap_all #menu-item-shop .cart_dropdown_link .av-cart-container svg {
    width: 24px;
    height: 18px;
}

Let us know the result.

Best regards,
Ismael

Hey Katie,

Your site is running a very old version, so it needs to be updated. You can only purchase it at Themeforest, not directly from us. Once you have access to the theme files, then the update to 7.1.1 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