Sometimes you forget to mention the simple things.

At the moment I am trying to gain a deeper insight into the jQuery programming. That’s why I approach some solutions from this point of view.
I have recently written a code for the funcions.php, which checks whether a mobile device accesses the site or a desktop pc.
Enfold has that already in avia-compat.js , and then assigns to the devices each a unique html class.
So if you want to make a css rule only for mobile devices you always can use : html.avia_mobile

yes but do it in private content the download zip file

1) there is a checkbox on alb element –
2 ) you can copy html code to the form element label as ( if you like get rid of target blank) :
<span>I have read the <a href="https://page-url-to-privacy-data" target="_blank">Privacy Statement</a>. I agree that my details and data will be collected and stored electronically to answer my request. Note: You can revoke your consent at any time for the future via e-mail to (Email address hidden if logged out) *</span>
3) do not preselect check-mark – the user has to do it activly
4) this has to be a mandatory field

click to enlarge:

PS : the span is good to style it differnt to other labels ( make font-size smaller etc. )
You can see it here with enfold contact form: https://webers-testseite.de/kontakt/

i don’t know why the last quotation marks are transfered to curved one.
your are using the normal text editior of WordPress ?
try to deactivate all plugins (only cf7 active) and have a look if it works then.

With login you have to wait for a mod – i’m participant as you are – so i do not see private content

• This reply was modified 7 years, 5 months ago by Guenni007.

and you copy the code from CF7 : – please take double quotation marks as given from CF7 options page

do not see the screenshot:

this is what i see on your site – and the last quotationmark is curved:

the magnific popup script sets the html to overflow-y scroll.
that has the reason not at last because otherwise on open the lightbox the background will jump to the right ( the width of the scroll bars)
This looks ugly too.

but it isn’t that terra messflug at ? This is not enfold

can you show me the link to that?

the magnificPopup event must add the overflow:hidden to html .
hm : just brainstorming…

you like to see the videos in a lightbox after click or directly on that masonry ?

no one hampers you to put in an image masonry links to the images
(but you have to take here the watch links of youtube

link f.e. https://www.youtube.com/watch?v=L8eRzOYhLuw?autoplay=1&ecver=2&showinfo=0&loop=1&rel=0&start=30&iframe=true

see masonry ( left image has a youtube link): https://webers-testseite.de/youtube-masonry/

• This reply was modified 7 years, 5 months ago by Guenni007.

on the right side of that test page there is a code-block in a container.
The codeblock has no checkmark at all and the content is:

<div>
	<iframe width="720" height="405" src="https://www.youtube.com/embed/QQaGgPVLM88?enablejsapi=1&loop=1&rel=0&ecver=2&showinfo=0&color=white&iv_load_policy=3" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
</div>

and you see on pause the video there are no overlays at all ( that is the ecver=2 option)

not to fix the page – but to fix the lightbox with its image.

.mfp-wrap {  position: fixed !important }

but look if this works on mobile too – because fixed positioning can be ugly
than use instead

html:not(.avia_mobile) .mfp-wrap {  position: fixed !important }

Give the rule an important:

@media only screen and (max-width: 767px) {
.responsive .logo  {
display: block !important ;
}
.logo img {
    height: 161% !important;
    max-height: 129px !important;
}
} 

and go to the first color-section and look to its options where you insert the images.
A bit under the input field of Background Repeat setup as “stretch to fit — cover the element”
and see if this isn’t better .

• This reply was modified 7 years, 5 months ago by Guenni007.

to your menu – the font is very big 30px is suitable for people with a visual impairment ;)
i think 24px will be more than necessary:

#top #header .av-main-nav > li > a {
    font-size: 24px;
}

but what did happen to your page now – there is a

Coming Soon!
In sha Allah

No facebook – i’m a privacy person ;)

Edit : aha a new link

but change the values
to the new adjusted for you values above !

here is it in total:

#header_main {
    border-bottom: none;
    box-shadow: 0 8px 5px -5px #999;
}
.responsive .logo {
    display: block;
}
.logo, .logo a {
    overflow: visible;
}
.logo img {
    height: 161% !important;
	max-height: 142px !important;
}

@media only screen and (max-width: 767px) {
.responsive .logo  {
display: block ;
}
.logo img {
    height: 161% !important;
    max-height: 129px !important;
}
} 

• This reply was modified 7 years, 5 months ago by Guenni007.