next wow effect: https://webers-testseite.de/cynthia/logomove-2/

I just coupled the y-position and the margin ( from negative values to 0 ) with the shrink effect on avia-snippet-sticky-header.js

do you mean something like this – move over the image beyound the banner:
https://art-varij.de/
you don’t need a code block for it – just take a image alb element ( but do not choose the scale effect on it)
i gave to the image alb element a custom-class: seen

this is the css for it:

.seen .avia-image-container-inner {
background: rgba(0, 0, 0, 0) url("/wp-content/uploads/second-image.jpg") no-repeat scroll 0 0 / cover ;
}

.seen .avia-image-container-inner img {
    opacity: 1;
    -webkit-transition: opacity 2s linear;
     transition: opacity 2s linear;
}

.seen:hover .avia-image-container-inner img {
    opacity: 0;
    -webkit-transition: opacity 2s linear;
     transition: opacity 2s linear;
}

i do not see the link in private content. – i’m a participant as you are. Only Mods could see that content.
So if you can not make your link public – then you have to wait til mods are here.

Text in two lines – you can try in navigation label to set a line-break between your text parts ( <br> or <br/> )

<img src="https://your.site/image.jpg">Für<br/>Unternehmen

hi Camilla – you can always contact me via my avatar there is my website – so you got my contact.
the other thread is closed to new answers – so here is my answer now.

Well if there is a hidden private area – i do not see it because i’m participant as you are

Well the link to my solution is here – this was not so easy – but you have to adjust it to the need of your slider .
https://webers-testseite.de/parallax-on-fullwidth-slider/

but if you only got one image on top – why don’t you take the color-section on 100% height. And declare the background-image to a parallax one.?
that is very easy – enfold default settings

First – you don’t need the custom link – if these Menupoints are real links.
just open the menu-item at that littel arrow on the right. And on Navigation Label you can insert Ricards Code.

If you got a link to your page – it is much easier to give any advice.

i gave to those menu-items a custom-class : bildlink
(if you have all menu links like this – get rid of that bildlink in the code)
(if not : you know how to give a custom class to menu-items?)

then to quick css:

.bildlink .avia-menu-text {
    line-height: 20px;
    vertical-align: top;
}

.bildlink.menu-item img {
    display: block;
    width: auto !important;
    height: 50%;
    position: relative;
}

we had to find then a solution for the hamburger menu too – but with link it will be easier

can you please post the link on public. the link above does not work.
is it that page her: http://marckdesign.net/portfolio/

#js_sort_items * {
    font-size: 20px !important;
}

the asterisk means that every following element got that css

you did not answer to my questions:
are you working with a child-theme: No – i think
1) so the changings you made are overwritten by the parent theme ( thats why a child is so usefull)
so please upload my avia-snippet-sticky-header.js again to your parent-theme – replacing the original.

2) the customclass on the menu-item with the logoimage is gone.

you can do it as “Add/Edit Social Service or Icon Links” and choose f.e. a telephone icon – and as “icon-link” – put in: tel:+492289768293

or you do it in the “Team Member Description” and the input will be something like:
Phone: <a href="tel:+492289768293">0228 9768293</a>

see here: https://webers-testseite.de/same-height/

and take the image: with: maxresdefault.jpg. (that is without black bars !

[av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-top' av_uid='av-zi631r']
[av_image src='https://img.youtube.com/vi/W9On5fAdu8I/maxresdefault.jpg' align='center' link='manually,https://www.youtube.com/watch?v=W9On5fAdu8I'][/av_image]
[/av_one_third]

but the addendums are for me important – because i do not want to have on pausing the video:
see link – right image (last 1/3) and pause it.
go to the end of the video and see.

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

well if you got that image ( and you can not insert the image directly to enfold as link) take always the 0 one of preview images – it is the biggest one – and always the https variant.

https://img.youtube.com/vi/W9On5fAdu8I/0.jpg

so to see above the shortcodes – i suppose that you know how to insert the link to this preview image.
First enter one of your media images – then replace the link in debug mode.
as manual link of the image i would insert a better input here ( this only works here because with manual link. a pitty that we can not insert it in video alb or color-section background-video)
always add to your watch youtube video link following:

?autoplay=1&cc_load_policy=1&enablejsapi=1&ecver=2&playsinline=1&rel=0&showinfo=0&color=white&iv_load_policy=3

the ecver=2 is for not showing on pausing the video – other video suggestions
playsinline is for showing on modern mobiles the video as if it was a desktop embed. Iframes etc
rel=0 ist for not showing at the end some other video suggestions etc. pp

my code would be than (only 1/3):

[av_one_third first min_height='av-equal-height-column' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' link='' linktarget='' link_hover='' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-nas6lr' custom_class='']
[av_image src='https://img.youtube.com/vi/W9On5fAdu8I/0.jpg' attachment='' attachment_size='full' align='center' styling='' hover='' link='manually,https://www.youtube.com/watch?v=W9On5fAdu8I?autoplay=1&cc_load_policy=1&enablejsapi=1&ecver=2&playsinline=1&rel=0&showinfo=0&color=white&iv_load_policy=3' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' copyright='' animation='no-animation' av_uid='av-jldgiixt' custom_class='' admin_preview_bg=''][/av_image]
[/av_one_third]

look here: https://webers-testseite.de/testvideopage/

did you read carefully and give to that menupoint with the image a custom class: logoimg ?
not a title !
you know how to give a custom class to the menu point? If not tell me to show you how.

Edit – sorry i see you got it too – i see on your source code.

________

but i see that you are not working with child theme?

i meant: if you got a top level menu point which does not have submenu !

the color: red is for me just to see it better on menu:

#av-burger-menu-ul :not(.active-parent-item) .current-menu-item > a .avia-menu-text {
    font-weight: 700 ;
    color: red ;
}

#av-burger-menu-ul li.current-menu-item:not(.av-width-submenu) > a .avia-menu-text {
    font-weight: 700;
    color: red ;
}

guess it will work without !important

allthough i do not see your page link : try this please:

#av-burger-menu-ul :not(.active-parent-item) .current-menu-item > a .avia-menu-text {
    font-weight: 700 !important;
    color: red !important;
}

but now i’m looking for the soluiution if there was a top menu point
to come: