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 8 years, 1 month 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 8 years, 1 month 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 8 years, 1 month 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

by the way – you have to be a bit earlier to mobile menu – your last menu point flows to next line on some screen width

where to get it: i got mine from envato

duplicate this menu point and place it on top of your menu.
now you have two images in the menu:
set the main_menu logo to display none. ( ZZZ will be the list-item id. – do it and than i will help you to determine)
and on burger menu the same with the logo in the middle position

is it a WPML translation ?

If so – this is not a bug – it is a feature of WPML
This gives you the oportunity to set up a totaly different layout if you wanted.

the point is that even the enfold options page on admin has a german and an english settings page.

the way to synchronise it : The wanted page layout – choose (on your site it seems to be the english one.
Go to Enfold – Import/Export. (on top you see there is an english flag ). – Export Theme-Settings File

Change now to german ( you see even on Enfold Admin above a german flag)
Same thing but import now the “english” Theme Settings file.
Don’t know if the quick css is imported too – but i think – yes.

________________________

Edit: . ah i see it is a sitepress plugin. But. it might be similar to the description above.

• This reply was modified 8 years, 1 month ago by Guenni007.

A little info about sticky : there is a discussion on css3 experimental position:sticky (-webkit-sticky) and it seems that this will be included in the future browsers. ( it is something in between fixed and relative positioning – as in my solution above) and it should only be necessary to set this css rule and the top bzw bottom value )
see here : https://developer.mozilla.org/en-US/docs/Web/CSS/position#Sticky_positioning

i suppose that there are too many dependencies to other js files needed jquery. So every one of these has to be under the jquery loading.