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, 10 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:

on modern Iphones with newer OS the playsinline and muted parameters will do the job on embedding via html5.
<video playsinline autoplay loop muted …

but i guess you have inserted the video in a different way
i did it here on a test-page – but with advanced layerslider – and html5 code: https://webers-testseite.de/weber/
And i hope that even for small screens this is also visible on Iphone7/8/X

and of course – read carefully.

Please upload all 4 files to your child-themes/shortcodes folder because the av-helper-slideshow.php rules the things for all 3 sliders. If one left original it has a wrong markup.

: because the av-helper-slideshow.php rules the things for all 3 sliders
: and If one left original it has a wrong markup.

so you can replace them in parent theme as well – but you will loose those changes on next update of your parent theme.
And – i think you have to pull the replacement files into the right folders ( you don’t need to do that on child-theme)
slideshow – slideshow_fullscreen – slideshow_fullsize
the av-helper-slideshow is on shortcodes folder

or you take the grid-row and do all the things you have done.
Only thing is to have the grid-row not fullwidth – but to have it like 1/1 on normal max-width (on default it is 1310px)

to have a grid-row not fullsize – just give a custom-class to the grid-row element : grid-notfull
and do this to functions.php of your child-theme ( if you got different max-width on Enfold – General Layout setting you have to adjust it to):

function grid_layout_notfull(){
?>
<script>
(function($){
    $('.av-layout-grid-container.grid-notfull' ).wrap( '<div class="main_color notfullsize"></div>');
    $('.notfullsize').css({"clear": "both", "width": "100%" , "float": "left" , "position": "static" , "min-height": "100px" });
    $('.grid-notfull').css({"max-width": "1310px", "margin": "0 auto" , "padding": "0 20px"});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'grid_layout_notfull');

– yes pleas follow Rikards link – i guess this is the way to do.
To have a different heading and a background you can do this to quick css:

Just test it and look:

#customer_login {
    background-color: #ddd;
}

.woocommerce-form-register.register {
    min-height: 265px;
    border: 1px solid #023744;
}

.u-column1.col-1,
.u-column2.col-2 {
    padding: 20px;
    text-align: center
}
.u-column1.col-1 { background-color: #023744}

.u-column2.col-2 { background-color: #ddd }

.u-column1.col-1 h2,
.u-column2.col-2 h2 {
    display:none
}

.u-column1.col-1::before,
.u-column2.col-2::before {
    word-wrap: break-word;
    font-weight: bold;
    font-size: 34px !important;
    line-height: 46px;
}

.u-column1.col-1::before {
	color: #fff;
	content: "Sign up to receive your \A free CORTIME trial"
}

.u-column1.col-1::after {
    color: #fff;
    font-weight: normal;
    word-wrap: break-word;
    white-space: pre-wrap;
    content: "By signing up you will automatically receive our newsletter. Don't worry - we hate spam just as much as you. \A\A We will send you no more than 6 newsletters a year and you can always unsubscribe";
    position: relative;
    top: 10px;
}

.u-column2.col-2::before {
	color: #333;
	content: "Already a CORTIME user? \A Log into your account here"
}

.col2-set .col-1 { width: 47% }
.col2-set .col-2 { width: 53% }

@media only screen and (max-width: 768px){
.responsive #top .col2-set .col-1, 
.responsive #top .col2-set .col-2, 
.responsive .cart-collaterals .shipping_calculator {
    width: 100%;
}
#customer_login { background-color: inherit }
}

maybe you get rid of those social media logins:

.wc-social-login.form-row-wide {
    display: none;
}

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

can i see that link too. Sometimes i found a solution.

i do that myself often to insert into a tab content field some alb shortcodes.