sorry in meinem zip war noch eine etwas ältere css
du hast ausschließlich container – kaum color-section genutzt. Ich hatte auf meiner Testseite nur Color-sections
Wie gesagt der Footer und Socket sind quasi immer da müssen aber durch z-index und hintergrundfarbe überdeckt sein

wenn du das ergänzt muss es nun gehen: (immer wenn die durchscheinen musst du schauen welche container deklaration du hast.
.container_wrap konnte ich nicht nehmen, da footer und socket die auch haben

.avia-section, .av-layout-grid-container, .main_color {
    z-index: 3 !important;
}

ich denke dann sind alle main container mit abgedeckt

PS : solange footer und socket in main liegen wird es schwierig das zu realisieren. Ich hab das echt versucht. So ist es leichter.
Was dagegen spricht die eigentlich per default draußen zu haben ? klar ist wenn du auf boxed design umstellst mußt du footer und socket so setzen wie container_wrap
könnte man übrigens im php mit einbauen – versuch das gleich mal. denn die Abfrage $(‘body’).outerWidth() sollte es geben.

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

Download Link

im Wesentlichen steht alles da drin.
Wie gesagt die footer.php habe ich so verändert, dass die nicht mehr in main liegen !
Bisher habe ich da keine Probleme festgestellt.
Und dann ist es z-index hauptsächlich

Bei Boxed Layout musst du natürlich dann die footer und socket anpassen, da die ja nicht mehr in main liegen gelten die Regeln dann nicht mehr ( von wegen 100% weite)

Wenns Probleme gibt hier melden – oder meinem Nick ist auch die Webseite hinterlegt (schäm, meine ist noch nicht sehr schön gemacht. – hab zu viel um die Ohren – da muss ich jetzt mal ran) dann via e-Mail

ich habe es jetzt auch mal auf der Testseite : http://webers-testseite.de/elegant gemacht , und dabei gesehen, dass ich für grid auch eine css deklaration brauchte.

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

hm – dein link im ersten Thread sieht aber anders aus.
Das scheint mir doch lediglich eine Kombination aus z-index und fixed position zu sein.
Zudem muss die Seite eine Background-color haben (wie dort mit #theme-page auf weiss festgelegt)

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 9 years, 2 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 9 years, 2 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 9 years, 2 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 9 years, 2 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 9 years, 2 months ago by Guenni007.