Thanks Yigit for your Recommendation.
Yes i like Enfold – and sometimes i think it would be better to buy the extended license :lol:

It is a so mighty tool for making websites – allthough it is not to complicated that normal users couldn’t handle it.
Enfold is my first choice for Endusers who will do their own changes after having a basic setup.

Feel free to ask. On my avatar there is my link to one website of me.

i tested it – and it works

but! where do you insert that code ? on functions.php of your parent theme?

you are not using the google fonts decalaration:

go to the @import rule goolge gave you for this font:

@import 'https://fonts.googleapis.com/css?family=Racing+Sans+One';
or with latin extended:
@import 'https://fonts.googleapis.com/css?family=Racing+Sans+One&subset=l
the interesting thing now is what is behind that css?family=

_______________

same with PT Mono:

@import 'https://fonts.googleapis.com/css?family=PT+Mono&subset=latin-ext

________________

so please try this here :

add_filter( 'avf_google_heading_font',  'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Racing Sans One'] = 'Racing+Sans+One&subset=l';
return $fonts;
}

add_filter( 'avf_google_content_font',  'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['PT Mono'] = 'PT+Mono&subset=latin-ext';
return $fonts;
}

btw: they are addded at the end of the list

Lass uns mal gerade deutsch hier miteinander reden.

In dem Beispiel oben (nicht Enfold) ist es aber wohl schon so wie jetzt bei mir im Beispiel.

Wie gesagt die Sache wird einfacher, wenn man die footer.php dahingehend bearbeitet, dass die interessierenden Container ( in deinem Fall nun beide) nicht mehr in Main liegen. Die bearbeitete footer.php landet dann halt in child-theme folder.

Das ist der momentane Code (wobei ich wirklich kein Profi bin, was die php und jquery Sachen betrifft – ich denke da ließe sich einiges abändern):

add_action('wp_footer', 'ava_custom_script');
function ava_custom_script(){
?>
<script type="text/javascript">
(function($) {
    $(document).ready(function(){
        $(document).scroll(function(){

		    var socketh = $('#socket').outerHeight(),
			footerh = $('#footer').outerHeight(),
			spacerh = $('#socket').outerHeight() + $('#footer').outerHeight();

                    if( $(window).scrollTop() >= $(document).height() - $(window).height() - socketh )
                    {   
                        $('#socket').css('position', 'fixed' );
			$('#main').css('padding-bottom', socketh );
                    }
                    else {
                        $('#socket').css('position', 'relative' );
			$('#main').css('padding-bottom', 0 );
                    }
        });
    });
})(jQuery);
</script>
<?php
}

weiß nicht ob ich die document ready funktion wirklich brauche. Die scroll funktion gibt mir zurück, ob ich den Bottom erreicht habe.
Wenn das so ist wechsel ich ein paar css Anweisungen.

Ich glaube ich muss mich jetzt endlich mal in jquery einarbeiten – scheint ja viele möglich zu sein.
Ich versuche mal die Seite oben umzustricken.

PS : die outerHeight nahm ich damit ich margins und borders gleich mitberücksichtige.

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

i’m not shure if this is what you try to get:

http://webers-testseite.de/elegant/

i don’t like the way it removes on scrolling back it would be nice to have here a animation of footer gone.

your idea to make it before li is good because otherwise on hovering the separtator will do the same thin as the link itself.

The only thing is positioning
But please overwrite your input on that

The first rule is to have no sign in front of first list point (:first-child is what it says the first li after ul)
the li.menu-item-top-level is to prevent that submenu list points will have a sign in front of their links.

.av-main-nav li.menu-item-top-level:first-child::before {
    content: "";
}

.av-main-nav li.menu-item-top-level::before {
    content: "/";
    font-size: 30px;
    font-weight: 400;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

sorry – i can not help you now – my family wants to eat something with me :wink
an no – that does not help anyway. – and i’m a participant as you are. so for now its enough – you got your default mode back.

PS it will be heavy to realise because you got a lot of links in sublevel they have a top-level link too.
Contact f.e. is sometimes the support on sublevel etc.

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

sorry : can you please erase first code completely and then i will have a look again.

it is just the problem to stay in first-level rules and not to influence submenu aswell.

But – I think this is only a nice feature for screens with more than 768px – so pack it into a media querry
not enough place for content with a fixed footer. Maybe set the footer to display: none

and perhaps we should take instead of .height( ) the .outerHeight( )

see Result here: Link

btw: the footer background-color is a gradient – just a test – nothing i will realy work with.
And diagonal backgrounds are just to see what happens realy ( landing page )

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

Well i guess you are not familiar with css coding?

<center><font size=”6px” color=”black”>Get this <font color=”red”>Free CD</font> that will give you <br><br>
a step-by-step proven process to <br><br>
hire winners instead of wimps <br>

<p style="text-align: center; font-size:6px; color:#000">Get this<span style="color:red"> Free CD</span> that will give your<br/><br/>
a step-by-step proven process to <br/><br/>
hire winners instead of wimps</p>

Edit : sorry the word “hire” seems to be automatically linked to a page here on board

you can take for p other tags like div or span

btw : you realy want to display the font-size 6px ?

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

on dashboard / appearance / menus – on top right of this window there is “Screen Options” push that little button.

Now you can choose what the menu options dialog should look like
under the “Show advanced menu properties” there are some interesting things f.e. you can give each list point an own class !
And for those little things in hamburger-menu the “description” that is the point you are looking for
check those things you like to have.

then you only must toggle the menu list point at that little arrow

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

but there has to be in the function an option for window resize – because footer height changes with content. On small screens we got a growing footer height (with socket too- but not so often)

It has to proof in time (dynamically) the height of socket and footer – how can we do that?
The code above works if we actualize the window but does not react on window-resize

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

by the way : for that page you use a fixed footer!
i would not set the z-index to 0 – that is a bit confusing.
isn’t it this way a bit looking better:

#footer {
    background-color: rgba(87, 98, 112, 0.9);
    bottom: 58px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 1;
}

how did you do that with the spacer ?

.home #av_section_1 .av-special-heading-tag span {
    background: #000 !important;
    color: #fff !important;
    padding: 0 15px;
}

the padding is not necessary but i think it looks better.