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, 8 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, 8 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 !

do you have a live link to it – and or a screenshot how it should look like

something like this ? https://webers-testseite.de/elegant/

you could have it vice-versa

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

schöne Grüße nach Berlin !

wenn du das hier setzt dann geht beim Verkleinern des Screens das Logo mit in der Breite:
dadurch floatet das letzte Element nicht mehr um – kurz vorm umschalten des responsive designs auf hamburger menu

#header_main_alternate .main_menu ul:first-child {
    display: inline-flex !important;
}

ok – i see you got it:

if you like to increase header-height now:

#header_main_alternate, #avia-menu  {
    height: 80px !important;
}

#avia-menu li a {
    line-height: 80px !important;
}

i do not know what id your new menu-item will get.
So these ZZZ are placeholders.

click to enlarge