it is more or less only functions.php of child-theme and a bit css.

if you like to insert an svg or png/jpg it is a bit different:

/** for svgs only   ******/
function first_logo($logo) {
$logo .= '<span class="logo first-logo"><a href="path to an url1">' ;
$logo .= file_get_contents("/wp-content/uploads/logo1.svg");
$logo .= '</a></span>';
return $logo;
}
add_filter('avf_logo_final_output', 'first_logo');	

/** for the normal case of a png or jpgs   ******/
function second_logo($logo) {
$logo .= '<span class="logo second-logo"><a href="url2" target="_blank">' ;
$logo .= '<img src="/wp-content/uploads/logo2.png"/>';
$logo .= '</a></span>';
return $logo;
}
add_filter('avf_logo_final_output', 'second_logo');

Comment: You see that these images stay a “logo” only a second class (fist-logo, second-logo, etc.) is given to them.

on some reasons it is better to get rid of the logo inserted by enfold options dialog. (z-index, positioning etc.)

if you will place a svg Graphic than a bit more is to be done in quick css!

the width an heights are dependent on your graphics – so you have to play with it.

div .logo { float: none}
.logo:first-child img { display: none}
.logo img {max-width: 320px}
.logo.first-logo {z-index: 3}
.logo.second-logo {z-index: 2}
.logo.second-logo {width: 100%}
.logo.second-logo a {float: right}
.logo.first-logo a, .logo.second-logo a {display: inline-block}

and in responsive case (play with the 768px concerning to your logo-images) :

@media only screen and (max-width: 768px) {
.logo.second-logo a { float: left }
.responsive #top .logo { height: auto }
.responsive #top .logo:first-child { display: none }
}

i’m just kidding – it would be nice to have a link – because enfold got so much possibilities to set up the navigation.

One possibility is to goto enfold options dialog – advanced styling – choose “main menu links” and then edit element – there you can edit all concerning to main menu links even the font-family etc.

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

so here is my solution – you have to have header with extra-element second-navigation !!!
in this case the second-navigation is empty – but it is declared on Menu as secondary-menu !

This to functions.php of child-theme:

add_filter( 'avf_execute_avia_meta_header', '__return_true', 10, 1);
add_filter( 'avia_meta_header', 'avia_append_search_nav_mod');
function avia_append_search_nav_mod()
{
	        global $avia_config;
	        ob_start();
	        get_search_form();
	        $form =  htmlspecialchars(ob_get_clean()) ;

	        $items .= '<div id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown menu-item-avia-special">
							<a href="?s=" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'><span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span></a>
	        		   </div>';

    echo $items;
}

this to quick.css:

#top #header_meta #menu-item-search {
    list-style: outside none none;
padding-left: 20px
}

#top #header_meta .avia-search-tooltip {
    margin-left: -60px;
    top: 18px !important;
}

#top #header_meta .avia-search-tooltip .avia-arrow-wrap {
    right: 80px;
}

@media only screen and (max-width: 768px){

.responsive #header_meta .sub_menu {
    float: right;
    right: 45%;
    position: relative;
    top: 10px;
    width: auto;
}

.responsive #header .social_bookmarks {
    float: right;
    position: relative;
    right: 40%;
    width: auto;
}

.av_icon_active_right .social_bookmarks {
    padding-left: 0;
}

#top #header_meta .avia-search-tooltip {
    margin-left: 30px;
    top: 18px !important;
}

#top #header_meta .avia-search-tooltip .avia-arrow-wrap {
    right: 170px;
}
}

look here on top: https://webers-testseite.de/
go and pull the browser window smaller to see how the behavior is on that.

by the way ismael – isn’t possible to add the list point into the sub-menu ?

sorry that was an answer to csogordaniel

if you havn’t – no please unmark all fields.

i think the reason for two “content – fields” is:

on the item itself you can be more precise. have additonal sliders etc.
the ajax preview should only give a summary like overview – it is more or less an excerpt of the real content.
What is a bit confusing is that for the example the layout is very similar to that in single-portofolio content.

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

aha – on your portfolio item itself – open one please.

down under the editior of the content! there is a field (normaly it is there – if not look to window top right corner “screen options” mark the field “Additonal Portfolio Settings”) In this field under the content field – that is the content shown on Ajax Preview ! And not the content of the item itself.

And i can not confirm this behavior – so that is the reason why i do not see your problem

i have on right click open on the thumbnails the link to the portfolio-item itself.
On the right click open on the image above the thumbnails i have new tab with the featured image.

so in my browsers (Firefox, Chorme, Opera, Safari, Safari Technology Preview ) on OSX Sierra – there is no problem with that.

i thought you would like to have that as a click option as well. So your right click open does not work ( but the click works?) –

please delete your code and try this one:

.av-hotspot-container .av-image-hotspot_inner {
    border-radius: 0 !important;
}

.av-hotspot-container .av-image-hotspot-pulse {
    border-radius: 0 !important;
}

.responsive .av-image-hotspot {
    font-size: 14px;
    height: 30px;
    line-height: 29px;
    width: 30px;
}

.responsive .av-image-hotspot-pulse {
    height: 60px;
    left: -15px;
    top: -15px;
    width: 60px;
}

i increased the size of the font a bit – if you don’t like it try with your font-size.
vertical-centering you can achieve via line-height parameter.

and how did you insert the advanced layerslider. The source code is a bit complicated in comparison to place a advanced layout slider alb element?

if you are on one slide did you center the background images there?

Edit : ah i see you inserted the layerslider via codeblock and shortcode. But this is not necessary on fullwidth mode ( if you want to place it in a 1/2 container – yes you can do that.

if you normaly click on the thumbnails down the ajax portfolio grid – the ajax opens a preview of the portfolio item above – hovering that bigger image shows you an overlay effect and on click that image you receive a lightbox of the featured image.
you can suppress that easily – but to have a different link on that ( imaginable was a link to the portfolio-item itself) will be more complicated.

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

did you allready put those snippets into your functions.php of your child theme to set-up the fullsize images in lightbox and not the big one?

this here is for having fullsize for an image link:

function change_lightbox_size() {
    return "full";
}
add_filter('avf_avia_builder_helper_lightbox_size','change_lightbox_size', 10);

and this is for gallery image links :

function avia_change_gallery_thumbnail_link($link, $attachment, $atts, $meta)
{
    $link = wp_get_attachment_image_src($attachment->ID, "full");
    return $link;
}
add_filter('avf_avia_builder_gallery_image_link', 'avia_change_gallery_thumbnail_link', 10, 4);

maybe there is one snippet more for masonry image links

but: the fullsize image here on your site is allready in that dimension (sometimes under the dimension of big-preview images)

in functions.php (parent-theme) you can see the image-sizes which enfold is handling:

$avia_config['imgSize']['widget'] 			= array('width'=>36,  'height'=>36);
$avia_config['imgSize']['square'] 		 	= array('width'=>180, 'height'=>180);
$avia_config['imgSize']['featured'] 		 	= array('width'=>1500, 'height'=>430 );
$avia_config['imgSize']['featured_large'] 	= array('width'=>1500, 'height'=>630 );	
$avia_config['imgSize']['extra_large'] 		 = array('width'=>1500, 'height'=>1500 , 'crop' => false);
$avia_config['imgSize']['portfolio'] 		 	= array('width'=>495, 'height'=>400 );
$avia_config['imgSize']['portfolio_small'] 	= array('width'=>260, 'height'=>185 );
$avia_config['imgSize']['gallery'] 		 	= array('width'=>845, 'height'=>684 );
$avia_config['imgSize']['magazine'] 		 = array('width'=>710, 'height'=>375 );
$avia_config['imgSize']['masonry'] 		 	= array('width'=>705, 'height'=>705 , 'crop' => false);
$avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>845, 'height'=>321);
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 );

so if you want a good resolution for your lightbox images – do the snippets above and upload images with 1500px width

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

do you only want to have no lightbox effect on ajax portfolio big preview.
Or do you like to have instead : if you click one thumb – the ajax preview is shown and on clicking that image – the link to the portfolio item opens!
As the right-click open link does!

That would make more sense to me too.

hm: http://webers-testseite.de/t-rolls/

click to enlarge:

edit: ok – then i can delete the page.

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

is it on your site or have you a link for us? where we can see this.