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, 3 months 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, 3 months 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, 3 months 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, 3 months 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

this is the page where enfold options are shown. Have you more input of the js errors ?
have you managed some entries in your functions.php of child-theme ?

Actually everything is already said !

A) erase the codes and custom-classes set by the other method

1) download the script from here: Download
2) Upload that script to your child-theme / js – Folder
3) Embed that javascript file to enfold – put in functions.php of your Child-Theme:

function include_sticky_js_file() {
wp_enqueue_script( 'stickyelement', get_stylesheet_directory_uri().'/js/jquery.stickyelement.min.js', array('jquery', 'avia-default'), 2, true );
}
add_action( 'wp_enqueue_scripts', 'include_sticky_js_file', 100 );

4) Give the custom-Class to your element you want to fix : sticky_element
5). This comes to your functions.php of your Child-Theme:

add_action('wp_footer', 'include_sticky_values');
function include_sticky_values(){
?>
<script type="text/javascript">
(function($) {
	$(window).on('load resize', function () {
          if ($(window).width() > 768) {
            /***  here comes the code to sticky element***/
                $('.sticky_element').sticky('.entry-content-wrapper', {
                    useTransition: false,
                    animate: false,
                    offset: 85
                });
            /***  here ends the code to sticky element***/
           }
        }).trigger('resize');
})(jQuery);
</script>
<?php
}

( in nearly all cases the direct parent element will be : entry-content-wrapper )

6) if you have to adjust the offset because on different pages it might be other settings this part you can add inbetween the commented lines with other custom class of sticky element ( perhaps : sticky_element2, etc.)

                $('.sticky_element2').sticky('.entry-content-wrapper', {
                    useTransition: false,
                    animate: false,
                    offset: 50
                });

7) add this to your quick css to have not the calculated top distance on responsive case
you might adjust this – depending on your settings:
( sticky-scroll is the class added by that script to your sticky elements)

@media only screen and (max-width: 767px){
.sticky-scroll {top: 0!important}
}

8) Think of – that there is no other element in the same color-section under the sticky element – you have to open a new color-section if there are other content under it !