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 7 years, 1 month 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 7 years, 1 month 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.

use instead svg support plugin.

another advantage: you see previews on mediathek. You can define a class that enables the replacement from img svg to svg inline.
Means if it comes to an image with a given class and a svg – it will insert instead the svg itself.
This is something i use often for the logo. Because you can do nice things with svg on hovering f.e.

you can see it here on startpage: https://webers-testseite.de/cynthia/
shrinking the logo only blending some path in the svg out. Hovering makes only that path red.

But indeed here it is also necessary to define (if it is not in the svg itself) a width for it – guess you can have a monster witdth – because it is than handled to 100% width through the Enfold settings:

img[src$=".svg"] {
    width: 3000px !important;
}

PS : test that code first with your plugin aswell