if you got different content height the arrows will adjust because of 50% position – maybe it is best to have an absolute value for the top position.
Next i think they should not lay over content
Because the demo ( Link ) only got smallarrow setting and no headings – this is a interims solution:

#top .avia-smallarrow-slider-heading {
  height: 100%;
  position: absolute;
}

#top .avia-smallarrow-slider .avia-slideshow-arrows {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3
}

#top .avia-smallarrow-slider .avia-slideshow-arrows .prev-slide {
  left: -35px
}

#top .avia-smallarrow-slider .avia-slideshow-arrows .next-slide {
  right: -35px
}

Hello everyone,
For those who are interested, you can download the latest version of the Italian language

Download here
Translation: Italian language
Version: Enfold 6.0.8
Released on: 14th December 2024
Strings: 6549
All translations are synchronised with the source files

Regards
Luigi

i guess – as the frames – it will be better for positioning to choose display : fixed
I don’t know how the vw unit reacts to the scroll bar thickness. However, it seems to be the case that this must unfortunately be taken into account. For this reason alone, it is important to align all four pseudo containers to the top left.
for the mentioned Demo this works in all browser i do have on my Mac (FF dev, FF, Safari, Chrome)

.av-frame:before,
.av-frame:after {
    pointer-events: none;
    display:block !important;
}

.av-frame.av-frame-top.av-frame-vert:before {
    content: '';
    left: 30px;
    top: 30px;
    height: calc(50vh - 30px);
    width: calc(50vw - 38px);
    border-top: 1px solid #102f5d !important;
    border-left: 1px solid #102f5d !important;
    position: fixed;
}
.av-frame.av-frame-right.av-frame-hor:before {
    content: '';
    left: calc(50vw - 8px);
    top: 30px;
    height: calc(50vh - 30px);
    width: calc(50vw - 38px);
    border-right: 1px solid #102f5d !important;
    border-top: 1px solid #102f5d !important;
    position: fixed;
}
.av-frame.av-frame-bottom.av-frame-vert:before {
    content: '';
    left: calc(50vw - 8px);
    top: 50vh;
    height: calc(50vh - 30px);
    width: calc(50vw - 38px);
    border-right: 1px solid #102f5d !important;
    border-bottom: 1px solid #102f5d !important;
    position: fixed;
}
.av-frame.av-frame-left.av-frame-hor:before {
    content: '';
    left: 30px;
    top: 50vh;
    height: calc(50vh - 30px);
    width: calc(50vw - 38px);
    border-left: 1px solid #102f5d !important;
    border-bottom: 1px solid #102f5d !important;
    position: fixed;
}

if you got a different frame width than 10px we had to adjust some settings.

add to your css of first post :

.av-frame:before,
.av-frame:after {
  pointer-events: none;
}

i do not see your site – but with the demo : “Enfold Hotel” i made some tests in dev tools.
There is always a shift of bottom lines. Some browsers have that border/height 1px difference – so mybe it would be better to position all in relation to the top position.

i answered to the other topic: https://kriesi.at/support/topic/adding-google-tag-manager-in-enfold/

Dear support, @NIKKO @rikard
I’ve been trying to implement the Google Tag Code from Google Ads for hours.
But i get every the error:
Uncaught Error: Undefined constant “‘wp_head’” in wp-content/themes/enfold-child/functions.php:24
Stack trace:
#0 wp-settings.php(672): include()
#1 wp-config.php(104): require_once(‘/var/www/vhosts…’)
#2 wp-load.php(50): require_once(‘/var/www/vhosts…’)
#3 wp-admin/admin.php(34): require_once(‘/var/www/vhosts…’)
#4 wp-admin/theme-editor.php(10): require_once(‘/var/www/vhosts…’)
#5 {main}
thrown
What its wrong???

Here is my script
/**
* Google Tag Manager Head Script
*/
function add_custom_gtm(){
?>
<!– Google Tag Manager –>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({‘gtm.start’:
new Date().getTime(),event:’gtm.js’});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!=’dataLayer’?’&l=’+l:”;j.async=true;j.src=
‘https://www.googletagmanager.com/gtm.js?id=’+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,’script’,’dataLayer’,’GTM-ABCDEFGH’);</script>
<!– End Google Tag Manager –>
<?php
}

add_action(‘wp_head’, ‘add_custom_gtm’);
/**
* Google Tag Manager Body Script
*/
function google_tag_manager_body_code() { ?>
<!– Google Tag Manager (noscript) –>
<noscript><iframe src=”https://www.googletagmanager.com/ns.html?id=GTM-ABCDEFGH&#8221;
height=”0″ width=”0″ style=”display:none;visibility:hidden”></iframe></noscript>
<!– End Google Tag Manager (noscript) –>
<?php }
add_action( ‘ava_after_body_opening_tag’, ‘google_tag_manager_body_code’, 1);

Can anybody help?

did you compare the htaccess files – if there are differences between those who work and those which do not work?

espacially look for : application/octet-stream

by the way for Enfold Download Button – fill out only the Use File Input field