Ok – then I wish you all the best and an understanding customer.
Good luck

this is unusual – because i think it is on default install activated.

well this is something i would do via enqueue scripts:

download those files ( so long you do not edit the code – take the minified one)
upload it to your child-theme/js folder and do this to your functions.php file of your child-theme

function include_barcode_js_file() {
   wp_enqueue_script( 'barcode', get_stylesheet_directory_uri().'/js/jquery-barcode.min.js', array('jquery'), 2, true );
}
add_action( 'wp_enqueue_scripts', 'include_barcode_js_file', 100 );

but would you accept to do with it? – it is not a plugin. its just pur script code?

the point of it is that on this masonry some elements got both classes (tag-landscape and tag-portrait) – f.e. in your enfold link above the first left image. These are double height and double width.

Overlay with title : second tab of your masonry options : Element Captions – here you can choos on “Element Title and Excerpt Styling” :
“Display as centered overlay” the field above is for only show titles

No – erase the cache!

copy / past it to your url window:

chrome://settings/clearBrowserData

and why can i see your testsite working?
https://www.westend.com/shopping/savile-row/alexander-mcqueen/#category-map

click to enlarge:

i think – no – just try it with other sizes. The only thing is if you want a marker placed it has to be a png – and a somewhat looking pointer (arrow etc)

the easiest way would be to edit the shortcode google_maps.php in shortcodes folder
on array id imagesize you have to insert one line:

since line 118:

array(
"name" 	=> __("Custom Map Marker Image Size", 'avia_framework' ),
"desc" 	=> __("How big should the marker image be displayed in height and width. ", 'avia_framework' ),
"id" 	=> "imagesize",
"type" 	=> "select",
"std" 	=> "40",
"required" 	=> array('marker', 'not', ''),
"subtype" => array(

	__('20px * 20px',  'avia_framework' ) =>'20',
	__('30px * 30px',  'avia_framework' ) =>'30',
	__('40px * 40px',  'avia_framework' ) =>'40',
	__('50px * 50px',  'avia_framework' ) =>'50',
	__('60px * 60px',  'avia_framework' ) =>'60',
	__('70px * 70px',  'avia_framework' ) =>'70',
	__('80px * 80px',  'avia_framework' ) =>'80',
	__('200px * 200px',  'avia_framework' ) =>'200',

),),

how to use shortcodes on child-theme:
create a subfolder on your child-theme called shortcodes
insert this to your functions.php of your child-theme:

add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths){
  $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');
  return $paths;
}

then the new uploaded shortcode will be active – and not the parent shortcode

btw: i dont know if all those custom-markers get the class: gmnoprint
but if you want this image an alternative to the bubble you can get rid of click event by:

.gmnoprint {
    pointer-events: none;
}

https://webers-testseite.de/weber/

click the images to enlarge
first of all if you do not need the shrinking option it is not so complicated as it seems
Insert as usual a logo to the enfold options.

you have to go to dashboard – appearance – menus

insert a home link. On top right of the dashboard window – there is a slide out option called “Screen Options” Press it.
Here you have some settings. Please mark the css classes.

If you click on those littel arrows besides the menupoints you can insert different things now:

On Navigation label you can insert the image link now something like:
<img src="https://url.com/logo-top.png" alt="Logo" />
On css classes : logoimg
You only are in the midpoint if you have odd number of menupoints.
We now have to get rid of the logo container
Quick css:

.logo, .logo a { display: none }
.logoimg img { width: auto ; max-height: 172px }
.container.av-logo-container { position: absolute }
.logoimg .avia-menu-fx { display: none }
#av-burger-menu-ul li:nth-child(4) { display: none }

the last rule is to have not the menu-point on burger menu
you have to count what menu-point is your logo (here it is on 4th position of the menu)

and to have the normal logo on responsive case:

@media only screen and (max-width: 768px){
.container.av-logo-container { position: relative }
.logo, .logo a { display: block }
}

___________________
with shrink option :

we have to use the function avia_header_size() of avia.js
the code to see is on pastebin: look
download it as js file: download

you see on line 61 (original it is 1551 on avia.js) of my code that i get rid of the not mobile option.
i set on line 47 : navlogo = $('.logoimg img'), and
on line 92 i added this code: navlogo.css({'maxHeight': 1.72*newH + 'px'});

these values you can play with. I have on my testinstallation a 100px custom height of the header
my logo is 172px hight – so my factor here is 1.72

upload that menu_logo.js file to your child-theme js-folder (create a subfolder in childtheme called : js
loading the script above in enfold open your functions.php via dashboard – appearance – editor and insert:

function include_menulogo() {
   wp_enqueue_script( 'avia-main-child', get_stylesheet_directory_uri().'/js/menu_logo.js', array('jquery', 'avia-default'), 2, true );
}
add_action( 'wp_enqueue_scripts', 'include_menulogo', 100 );

now the “logo” of your menu shrinks on scrolling.

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

let it open i – will post it here. But today i have to go to a 50th birthday – Tomorrow on Germany is a holiday – so i got a bit more time.

Something on pre info:
This is not the logo inbetween the menus – it is a manually link placed with an image on the place where i want to have it.
i set the logo to display none on media querrie for larger screens 768 or 990.
I do use the shrink option of the logo to calculate the img height of that link.

give those menus an overflow : auto and a concrete height (f.e. 60vh means 60% of screenheight) or as code shown a calculated height
I have this sometimes to do on mega-menus that have a second, third row i gave in this case to the mega-menu:

#header .avia_mega_div {
    overflow: auto !important;
    max-height: calc(100vh - 80px);
}

i can not see your site – i’m participant too – so i can not give you the code which works for you

supposed it is working:

.avia-menu .sub-menu {
    overflow: auto !important;
    max-height: calc(100vh - 80px);
}

or test this:

#top #header  ul:first-child >li > ul  {
    overflow: auto !important;
    max-height: calc(100vh - 80px);
}

the 80 px depends on your header height

you can insert instead of a lightbox a manually link : create your 3 images besides in a photo program and upload that (or make a screenshot of the gallery and upload that to your server) give each of the three images that manually link!

Enfold recognises the image and if modal is activated (it is on default) it opens those links as lightbox aswell.

https://webers-testseite.de/3images-one-link/

yes first option behind video link (v=…) has to be a ? all the others have to be added by &

you can add new image sizes on enfold by this code in functions.php of your child-theme:

add_image_size( 'new-size', 261, 174, true );
add_filter( 'image_size_names_choose', 'my_custom_sizes' );

function my_custom_sizes( $sizes ) {
    return array_merge( $sizes, array(
        'new-size' => __( 'New Size' ),
    ) );
}

this part here: __( 'New Size' ), you can name as you like

all new uploaded images will then have that new size to choose – if you only want these three images on the starting page to handle then a new upload is easier than a regenerate thumbnail plugin.

don’t know why the loop function works sometimes and sometimes not ?

btw: if you like to force HD video
&vq=hd720
&vq=hd1080

https://www.youtube.com/watch?v=igoj_-02i1c?rel=0&autoplay=1&loop=1&vq=hd720&showinfo=0&iframe=true

look here for link : https://www.classynemesis.com/projects/ytembed/