try this selector:

.av-masonry-container a:nth-of-type(1) .av-inner-masonry {
    border: 10px solid #900;
}

styling the a itself is ugly :lol

function insert_container_overmain(){
?>
<script>
jQuery(function() {
   jQuery('#main .av-content-small:first-child').prepend('<div id="overmain">  </div>');
   jQuery('#overmain').css('height', ' 120px');
});
</script>
<?php
}
add_action('wp_head', 'insert_container_overmain');

this will be the right position. –
but i do not know how to get in the prepended content the do_shortcode rule

and this is only for pages/posts with sidebar !

so you see it is the right position –
so now make an own widget ( without defining / registering ) just on widget area
name it you like f.e: under-title

maybe without divs

add_action('ava_after_main_title', function() {
if ( is_page() || is_single() || is_singular( 'portfolio' )  ) {
	echo do_shortcode("[av_sidebar widget_area='under-title']");
}
});

put in there the things you like

i must see a live link.
and this is a bit different to the screenshot above. On the first one it is directly under the bread-crumps (title bar)
The woocommerce should go in that field ?
Determine if woocommerce got his own shortcode for that.

Now you say it is for every page – than it will be better to create an own widget area with position determined.
This do_shortcode gives you the oportunity to place it directly above all content – the first position in main.

to decide only from a screenshot nearly impossible.

click to enlarge – you see this was my test – just under breadcrump before the other main content.

• This reply was modified 7 years ago by Guenni007.

is it allways ?
could you take the blog-widget for it – because you don’t use it elsewhere?
Then you can take that for it

add this to your functions.php of your child-theme:

add_action('ava_after_main_title', function() {
if ( is_single() || is_singular( 'portfolio' )  ) {
    echo '<div class="container">';
	echo do_shortcode("[av_sidebar widget_area='Sidebar Blog']");
    echo '</div>';
}
});

you see the if clause – you can do all the things an if-clause can do as is_page ; is_category; is_singular(‘event’) etc

if you don’t like to use blog widget for it
create an own widget just by adding one in widget area maybe call it after-title

add_action('ava_after_main_title', function() {
if ( is_single() || is_singular( 'portfolio' )  ) {
	echo '<div class="container">';
	    echo do_shortcode("[av_sidebar widget_area='after-title']");
	echo '</div>';
}
});

you only have to style it than via quick css
the width is still set via the container to your enfold width

• This reply was modified 7 years ago by Guenni007.

I guess he needed – because status quo is still a big logo – not two of them.

if you take a look to the svg with text : you can open a svg with a good text-editor
on windows: notepad ++
on mac : sublime text

you will see this :

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 415 500.4" style="enable-background:new 0 0 415 500.4;" xml:space="preserve">
<style type="text/css">
	.st0{fill:#A5CD39;}
	.st1{fill:#FAA21D;}
	.st2{fill:#4D4D4D;}
	.st3{fill:#0AB8BB;}
	.st4{fill:none;}
	.st5{font-family:'Kaufmann';}
	.st6{font-size:88px;}
</style>
<g>
	<path class="st0" d="M18.8,199.4c0,74.3,43.4,138.5,106.3,168.5L30.7,133.6C23,154.1,18.8,176.2,18.8,199.4z"/>
	<path class="st1" d="M97.4,109.4c0,0-13,1-22.8,1.6L156,321.1l42-107.9L157,111c-8.8-0.5-21.3-1.6-21.3-1.6c-8.8-0.5-7.8-14,1-13.5
		c0,0,31.1,2.1,47.2,2.1c17.1,0,47.7-2.1,47.7-2.1c8.8-0.5,9.9,12.5,1,13.5c0,0-13,1-22.8,1.6l81.5,210.2l34.8-88.7
		c8.3-21.3,12.5-38.9,12.5-52.9c0-20.2-7.3-34.2-13.5-45.1c-8.3-13.5-16.1-24.9-16.1-38.4c0-15,11.4-29.1,27.5-29.1
		c0.1,0,0.1,0,0.2,0C303,33.4,256.6,12.7,205.4,12.7C139.7,12.7,82,46.7,48.7,98c17.2,0,47.6-2.1,47.6-2.1
		C105.1,95.4,106.2,108.4,97.4,109.4z"/>
	<path class="st2" d="M206.3,232.9l-54.5,139.6c-0.8,1.9-1.9,3.4-3.1,4.7c17.9,5.7,36.9,8.8,56.7,8.8c20.7,0,40.7-3.4,59.3-9.7
		c-0.9-1.1-1.7-2.4-2.3-3.8L206.3,232.9z"/>
	<path class="st3" d="M392,199.4c0-29.8-7-58-19.5-83c0.2,3.1,0.4,6.3,0.4,9.6c0,16.6-3.1,35.3-12.5,58.6l-70.5,181.1
		C350.5,334.9,392,272,392,199.4z"/>
</g>
<rect x="50.2" y="400.1" class="st4" width="312.8" height="93.9"/>
<text transform="matrix(1 0 0 1 50.1779 463.2396)" class="st5 st6">Logo Text</text>
</svg>

on that style element you see the colors and the font i used – if Kaufmann is not activated on the wordpress installation every browser has its own fallback for fonts

did you setup the custom css class for that color-section : in my code above i took: topheading

i suppose that a lot of participants only try the code without reading the thread completly – am i wrong ?

i’m participant as you – but if there is no secret about your page link ( not the admin login) you can post it here .
if so – you don’t want to make it public ( the frontend ) you have to wait til mods are here.

but did you try the alternative code and see what happend ?

By the way – if you start with a demo installation sometimes there is a logo set on Enfold – Header – Transparency options.
This logo is visible if you have set on page/post edit the transparency or transparent & glassy option. On these pages the alternative logo is visible. – And if there is still the demo logo in – it will be shown.

visibility : hidden only hides the logo – but the dimensions stay with it . It is in the position and it is in height and witdth there !

display : none is the way to get rid of it!
but think of responsive case too:

.responsive .logo { display: none }

if you want to get rid of whole header i have to see life site link – because i don’t know what kind of header you are choosing on enfold options.
Sometimes the nav is in header_main_alternate etc.

• This reply was modified 7 years ago by Guenni007.

by the way here is a nice generator for all icons – favicon, apple-touch icon, etc:

https://web-stuebchen.de/

well on 4.2 the burger-menu li’s got their own ids – (on 4.12 this was missing) so you can select them via ID.
and on 2nd point – i tested it on my 4.2 installation – it works on all cases. ( on click and on hover – with or without cloneing)

yes – nice !
if you can use this class for the not scrolling element ( sticky_element ) now again and again till you have to correct the offset because of different header size. As a class you can use it even on the same page multiple times.

On this page with “Assistanat – Communication …” you don’t have to put in the contact form in the same 2/3 row. You can do it as before – but you have to do it in another color-section im you want it in a 1/1 Container.

one thing – your timeline is a bit shifted from the position – don’t know if you have done it by changing icon width
if you like to have it again on the middle of the icons:

.avia-icon-list .iconlist-timeline {
    left: 19px;
}

By – and
De rien

• This reply was modified 7 years ago by Guenni007.

what do you mean by right side of the page
you mean something like this (here on the left) https://fusesocialfloating.000webhostapp.com/fuse-social-floating/

there are alot of plugins doing this