so for that i had to create a plugin/shortcodes folder ?
Wouldn’t it be better to work with the mostly already existing one in child-themes/shortcodes folder ?

look for example : https://www.sparkasse-koelnbonn.de/de/home.html
in the footer area – same here – no enfold – this is a matter of browser behavior.

If you will pick up a link – then a webloc file is copy pasted and look like this f.e.

A Link should work as a link. But if you place the cursor next to a link so that not the hand but the cursor (selector) is visible, you can also copy a link textually if you don’t have a tremor.

If you select text with links in it – only the text will be copied.

you can see the selection color on the white pages :

this is exactly the background-color of the footer / socket and the font color is white.
So if you “select” text it will not be seen.!

Please enter first my css code then we can discuss if it is a bug or a feature-
because if you drag that onto your desktop besides the browser – it will create a text copy of that selected and draged part ( on mac it does)

hi mike can you describe where i have to place the files
related_posts.php goes to : ( i tried child-themes/shortcodes )
enfold-related-posts-element goes to ( i tried plugins folder ) but activation of plugin leads to fatal error.

the GitHub is a little underdocumented

i have no page to see ?
If you could make it public – just let me see.

can you make your site public here?
It is always easier to help for the site in question.

PS : you realy mean for mobile devices only – or for small screens too?

next link: https://kriesi.at/documentation/enfold/add-button-elements-to-your-header/

in head section you can try this in child-theme functions.php:

add_action( 'wp_head', 'custom_tracking_script' );
function custom_tracking_script() {
  ?>
<!– Hotjar Tracking Code for http://www.digitalsuccessguide.com –>
  <script>
	(function(h,o,t,j,a,r){
	h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
	h._hjSettings={hjid:1383965,hjsv:6};
	a=o.getElementsByTagName('head')[0];
	r=o.createElement('script');r.async=1;
	r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
	a.appendChild(r);
	})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
  </script> 
  <?php
}

this is definitly the right way to embed but if the script isn’t loaded with warnings – you have to check the the code from hotjar

Die sind schon ausgewählt, nur habt ihr die gleichen Farben dafür wie die Hintergrundfarbe gewählt.
Ich denke, dass es auch über das Enfold Optionen Menu geht, ich setze hierfür meist dies in die Quick css ein:

/***** Textauswahlfarben****/
::selection {
    background: #E3212F !important; 
    color: #fff !important; 
    text-shadow: none ;
}
::-moz-selection {
    background: #E3212F !important; 
    color: #fff !important; 
    text-shadow: none 
}

wählt dann euer Farben selbst aus
(PS : ihr müsst denke ich nach dem Einsetzen des Codes die gemergeten Files löschen : Enfold-Child / Performance / Delete old CSS and JS files? )

let the break when it changes to show the hamburger menu start earlier. more than 1024px

And the meaning of : Almost all of those Icons can be selected is now clear enough.
in mathematics means almost : all but a finite number. ;)

Please Mods correct me if I’m wrong there, but this site is not a demo site of Enfold!
The demos concerning Enfold can all be found at: http://kriesi.at/themes/enfold-overview/
However, you can upload your own set using the Enfold options. The best way to do this is to go to the Fontello page.

Very popular there is Font Awesome’s set, which via Fontello is not quite complete either, but can be used freely.

I don’t see the page you’re referring to – but here in this code you can see in the comments what the font files are for:

/* allerta-stencil-regular - latin */
@font-face {
  font-family: 'Allerta Stencil';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/allerta-stencil-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Allerta Stencil Regular'), local('AllertaStencil-Regular'),
       url('../fonts/allerta-stencil-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/allerta-stencil-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/allerta-stencil-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/allerta-stencil-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/allerta-stencil-v9-latin-regular.svg#AllertaStencil') format('svg'); /* Legacy iOS */
}

this will be the highest compatiblitiy .
If you are only using : woff – supported devices are lower.

i do not see your site but a box-shadow is always out of the box. So the containers have to have overflow : visible on that case
Have a look if a parent-container got overflow: hidden.

PS: didn’t the columns got that alb option on Border Tab: Column Box-Shadow

PPS: if you got the custom-class on the flex-column: it is on that container itself so:

.flex_column.amg-box-shadow {
    box-shadow: 0px 10px 40px -15px rgba(0,0,0,0.65);
}

if you gave the custom-class to the surrounding container ( on most cases a color-section) so all columns inside will get the box-shadow:

.amg-box-shadow .flex_column {
    box-shadow: 0px 10px 40px -15px rgba(0,0,0,0.65);
}

try it first without !important