to which element this request is concerning?
There are some ALB elements which are accompanied by a tooltip.

PS: really 10px width ?

you can see here all css and settings that are needed:

https://enfold.webers-webdesign.de/smudgedesign/

hover the area where you like to place that element. On hovering the drag&drop areas where you can place that element are shown with a blue background.
If you are over the place where you can and want to place it – the background gets green.

use a nice tool : plugin: duplicator. – it is very powerful even as non pro Version ( pro only has ftp and cloud storage)
it generates two files – an installer.php file and a zip ( or if to big an own format for it: daf)
you only upload those two files to your installation root directory. Start installer.php and just insert the new server infos and server passwords.
Thats it.

you can shift the column the image is inside. That is possible with older enfold versions.

row margins : custom margins.

Have you deactivated the theme support for loading Google fonts?

something like this:

function my_output_google_webfonts_script( $activate ){
  return false;
}
add_filter( 'avf_output_google_webfonts_script', 'my_output_google_webfonts_script', 10, 1 );

i do always load my fonts locally – mainly from GDPR (DSGVO) reasons.
Even if you have hampered that loading – you can use determination of used fonts by: Enfold (Child) – General Styling – Fonts.
If you load different fonts than those listed – you can add to that list your self hosted fonts.

f.e.:

function avia_add_custom_font($fonts){
    $fonts['Amaranth'] = 'Amaranth:ital,wght@0,400;0,700;1,400;1,700&display=swap';
    return $fonts;
}
add_filter( 'avf_available_google_fonts',  'avia_add_custom_font');

The added custom font is at the end of the dropdown list (not in alphabetical order)

• This reply was modified 3 years, 1 month ago by Yigit.

f.e. on that page: https://www.voxius-avocats.com/actualites/

.av-sort-by-term   a.active_sort .inner_sort_button span {
  text-transform: uppercase;
  font-weight: bold;
}

#masonry_id_interventions_sort .av-masonry-entry-title.entry-title,
.interventions_sort_button .inner_sort_button {
  color: red;
}

it works with the shortcode inserted on a page.

Or now i tested it for you – deinstall the embeded Layerslider ( if you have allready some sliders – choose option : Remove theme plugin files and keep slides ):

then install the downloaded plugin. It will work then as expected.

yes you can use all the other settings on min-height option without that littel fix of Link
But for the 100% setting this seems to be the fix for it. Fortunately, this class (av-minimum-height-100) is added in that case.

how did you install that plugin? I do not think that only inserting the serialnumber will do the job.
On a page of mine – i choosed the option on : Enfold – Layout Builder – Integrated (Bundled) LayerSlider Plugin : Remove Theme Plugin.
Then i did a normal Plugin Install with the zip you downloaded from Kreatura Media.
Don’t know – if that is the solution – but it might help to have automatic Updates aswell too.

on that page: /sonnenschutz_und_was_ihr_dazu_wissen_muesst you got fixed setting – not scroll on attachment. !!!

Important: so set the background-attachment on that color-section to scroll please!

the same on /was-mich-das-zusammenziehen-gelehrt-hat with #av_section_3

on /warum-weiss-die-ultimative-farbe-ist and
/sind-gesichtssprays-wirklich-hilfreich/ i do not see your error.
What kind of iphone is it – is it realy older than the one i tested this for you: iphone 6s with iOs 15.5 ;)

The Fontello site is a bit picky about the compound path. Therefore, my recommendation is: upload the svgs to icomoon app. Remove the colours there.
And download the newly generated svgs there. Unzip the icomoon zip and upload the svgs to fontello.
Icomoon App: https://icomoon.io/app/#/select

In practice, it would even be possible to upload the fonts generated there to Enfold; however, some settings for the font properties are optimised in Enfold with Fontello Settings (baselines, grid, whitespace, etc.) – so that this small intermediate step is worthwhile.
( f.e. your icon nygtq is a little bit cut off at the right side )

Font Icons here are only used in a non-colored way. Uploads to fontello only work correct if the fill is (standard) : black.

if you like to use multicolored icons anyway. Do the above – and replace later the corresponding source svg files:
https://kriesi.at/support/topic/ajout-dicones-dans-enfold/#post-1356658

https://enfold.webers-webdesign.de/virtualbis/

yes – on that page now – it works on my iphone.
Don’t know why the height calculation on shortcode.js hampered that fix.

What is annoying is that the Apple navigation bar on the bottom and the url window on top is outside the height of the screen. So when they disappears with scrolling, the screen height gets greater, and this is of course taken into account by adjusting the container. The image enlarges accordingly.

da muss was anderes stören, – ich habe auf einem Iphone 8 auch dieses Ergebnis deines Filmes. Aber wenn ich meine Beispielseite auf dem gleichen Iphone ansehe, wird es korrekt angezeigt.
___________
there must be something else interfering, – I have on an Iphone 8 also this result of your movie. But when I view my example page on the same iphone, it is displayed correctly.

And even this “hardcore” proof is o.k: https://webers-testseite.de/background-fixed/

maybe the reason is indeed the mixed-content :

background-attachment: fixed is not supported by most of the mobile devices.
So Enfold turns that to background-attachment to : scroll – and a parallax container is generated.

A position fixed is supported by mobile devices – the trick is to tranform that.

Important: so set the background-attachment on that color-section to scroll please!
give a custom class to that color-section : bg-fixed and put this to your quick css:

.avia-section.bg-fixed {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  background-size: 0 !important;
  overflow: hidden;
  position: relative !important;
}

.avia-section.bg-fixed:before {
  background-image: inherit !important;
  background-repeat: inherit !important;
  background-size: cover;
  background-position: inherit;
  content: "";
  position: fixed !important;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1 !important;
  will-change: transform;
  pointer-events: none;
}

see f.e: https://webers-testseite.de/goodwave2/
PS: kanst du mal auf deiner Seite : was_mich_2_jahre_haarefaerbens_gelehrt_haben schauen, die Bilder sind eingeladen über:
i0.wp.com – war das deine Dev Seite, die du migriert hast? Jetzt hast du eine Rückbezüge auf diese Seite, das ist mixed Content bewertet – ausserdem ist die http – weshalb die Seite dann auch als nicht sicher eingestuft wird.