i do not see with developer tools only how you have layouted this page – The best thing would certainly be to give a mod here access to the backend. I believe you are calling a page here within this site that contains blog posts.

such a font logo just demands to be represented by an svg

on your live site you are still running jQuery 1.12.4 – don’t know if it is due to jQuery Migrate Helper.
on your staging site it is jQuery 3.5.1 so this is a newer version – go and update your Enfold to the latest Version there.

@ismael – nice short code – i will try that too – if it will work on my test installation

@hacart – if you post code here on board – please use the code function on top of the input area:
click code on top – enter your code ( paste in ) – click again ( now you see it is a closing code tag)
it is much easier to verify the code if all signs are in a copy-ready form.

Edit: if he has one social-bookmarks placed.
and we had to find a solution if he wants footer socialbookmarks too. Then the selector: “.social-bookmarks” is there twice.
And though i got on my testpage the hamburger icons twice.
Btw: on my testpage these inserted lists are on display: none – but that might be a setting unique for my installation.
But test it in your page – and look with developer tools if these icons are there but not displayed.

where does these “advanced_menu_toggle” and “advanced_menu_hide” come from? do you need them? they have a 30px height in the header without content!

you set the height to 150px and !important
twice on line 134 and 145 and a few other settings are not set very well.

first get rid of the whole setting: height, max-height, width on both settings.
then we have a look what to do with the other parts.

look to your header widget settings and replace or add :

#header .widget_text {
  top: 50%;
  padding: 0 !important;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

you can set to those extra elements a pointer-event: none
can you show me your site – i’m participant as you are – so i can not see private content area!

.avia_transform .av-extra-border-element {
    pointer-events: none;
}

So why do you wish Enfold would evolve in that direction, and do not just use Divi instead – If it’s so great to work with?

I bought a lifetime access account of Divi – as many installations and lifetime updates as I want. So it would be much cheaper even for me to install Divi. But I prefer to work with Enfold and do my layouts much faster than with Divi – and I would hate to see a change in the way I layout. Of course you are right that some elements like the section divider are missing. Enfold will probably offer an upgrade in this direction in the near future.
Enfold is more intuitive to use in my opinion, and therefore better to use for editing by customers. The frontend editing of Divi reminds me of the time when I still did print design and had to layout letter papers in WordPress for some clients. To simply place an image exactly there drove me crazy.

when you open that drop down list to choose the telegram option – it is not placed in alphabetical order – it is at the bottom of that list.

btw: https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options

scroll a little to “Using images or non-Fontello icons” if you like to use an image on that – and not a font-icon

A picture is worth a thousand words ;)
click to enlarge the image:

But the principle should have been recognized soon or?
There is no z-index for a background image. Therefore the set image must come somehow into a new container, which then moves altogether by means of z-index a layer higher than the back container. The pseudo-containers “before” and “after” are suitable for this. In principle, they are child containers, but they are independent containers. The trick is to inherit the image to them. This is the meaning of “inherit” the takeover from the parent element. Then you only have to give these pseudo containers their own properties (content, positioning, dimensions, the background image from the parent element via inherit, etc.) So that clickable elements of the parent element remain active, these pseudo elements must be set with pointer-events:none.

yes but mobile not.
I think the fallback image is the right idea on that.

create on youtube a playlist and embed that.

_________

Dear fellow participant – I like to help, and in general I am also more patient, but slowly it is time for me to discontinue my support for you until you agree how it should be now. My time is precious, and therefore also expensive!
I do not play here with all the ALB elements for you until it will be in the end only a picture that links to Youtube!
Sorry – but first think – then ask for help.
Thanks

• This reply was modified 4 years, 9 months ago by Guenni007.

To clarify:
an autostart of a video is only possible on desktop and muted videos!
on mobile devices the browsers do not autostart even on this setting options.

due to that – Enfold does not offer on color-section the interaction with the video at all.
On the video alb element – there are options – and the possibility to have audio. – But on mobile you had to start the video yourself.

On your first topic – you said that it has to be not full-width – now you got the fullwidth version ?
What now – is your setting ?

If it is possible – your png is not the first choice – because the starting video play button is at that position wher your chess-figure (king) is in front over the film. To have influence in a iframe only to that play-button to have partially a higher z-index – will not be possible.

see again : https://webers-testseite.de/video-behind-a-hole/

you can insert to that field even html code – simplest form is:
<a href="tel:+49228555555">0228 555555</a>
–
<a href="tel:Phone number with country code and without spaces">Tel whatever you like</a>