Beiträge von aubers

Guten Abend,

eben habe ich einen Anker zu einem Text zugefügt, so weit, so gut. Als ich nun dessen Funktion überprüfen wollte, ist mir aufgefallen das jeglicher Text meiner Webseite nur noch in blau angzeigt wird. Der Fehler muss durch den Anker entstanden sein. Ich kann den Text zwar manuell wieder in die orginal Farbe ändern, was aber ziemlich vel Zeit kosten würde. Habt ihr ne Ahnung wie ich diesen "Bug" beheben kann?

Ich habe das Problem mittlerweile gelöst. In der header.php den Anker gelichtet, im Berreich der für das Header-Foto codiert.

SirErectors Vorschläge haben das Problem schon gelöst. Abermals Danke!

Klar, ich möchte ihn allerdings danach löschen. Da ich Beiträge ja nicht viel später bearbeiten kann muss ich dann ein speziellen Forum-code benutzen?

Hab jetzt den Code auf max-widht umgestellt. Leider passiert mit dem Titel nach wie vor garnichts, vielleicht codiert eine andere Stelle für das Anzeigen des Titels. Site-title erschien mir aber am plausibelsten. Idee was ich noch probieren sollte? :)

Theme: Tesseract

Hallo Freunde,

da ich nun einen Button im header angebracht habe, der nur auf mobilen Endgeräten bzw. erst ab einer Auflösung von 769px angezeigt wird ergibt sich ein neues Problem. Auf einem Smartphone steht nun im header das Menü, der Button und der Webseitenname. Der Name ist allerding unpassen, da er zu groß ist und sich mit dem Button überlappt. Nun habe ich versucht den Webseitennamen nur anziegen zu lassen, wenn eine bestimmte große überschritten wird. Leider funktionierte das nicht ganz nach meinen Vorstellungen und hat nicht wirklich geklappt.

Hier der Code:

<?php if ( $logoImg || $blogname ) { ?>
                            <div class="site-branding <?php if ( ! display_header_text() ) { echo 'hide-header-text'; } ?>">
                                <?php if ( $logoImg ) : ?>
                                    <h1 class="site-logo"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><img src="<?php echo $logoImg; ?>" alt="logo" /></a></h1>
                                <?php else : ?>
                                    <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>


<style>






@media (min-width:769px) {
    .site-title {
      display:none;
    }}
</style>
                                <?php endif; ?>
                            </div><!-- .site-branding -->
                        <?php } ?>

Jap das hat es erklärt. Der Button wird nur noch bei jeweiliger Auflösung angezeigt. Danke!

Ich habe den Html-Code so wie er ist übernommen, allerdigns noch nicht den css-Code.

Danke erstmal für die Lösungsvorschläge. Der Html-Code bewirkt allerdings das Gegenteil. Der Button ist auf großen Bildschirmen zu sehen und auf mobilen Endgeräten verschwindet er dann.

Webseite: http://genfit-evolution.de/

Hallo,

ich möchte einen Button in meinen Header anbringen, der aber nur auf mobilen Endgeräten angezeigt wird. Den Button haben ich schon angebracht, dieser soll aber nur bis zu einem Breakpoint von 768px angezeigt werden. D.h auf größeren Bildschirmen soll er nicht vorhanden sein.

Hier der Code meiner header.php für den Button:

<?php    
                $breite = device-width;
                if (content >= 768){
                echo '<a style= "margin-left: 5px; float: left; width: 30px;" class="button black" href="#contet">Los gehts</a>';
                }
                
            ?>

Ich habe schon eniges probiert wie man sieht, aber es klappt leider noch nicht so wie ich es gerne hätte.

Danke, habe Suchfunktion jetzt weitestgehend nach meinem Sinne verändert.

Nope habe ich nicht, er wurde eingefügt, so wie sie es vorher geschrieben haben. D.h der Code würde nun so aussehen?

<a class="button primary-button <script scrollTop> >zurück zum Anfang</a>

Also, eine Url ist ja jetzt vorhanden. Haben sie eine Idee wie ich nun das mobile default-Menü durch das Menü des Plugins ersetze?
Mfg. Abuers

Der Code bewirkt das Gleiche, wie der zuvor. Er scrollt nach oben zu dem spezifischem Anker. Ich hätte aber gerne, dass der Bottun ganz noch oben scrollt, also bis zu vollständigen Höhe der Webseite. D.h ich muss entweder ein Anker im Menü setzten, was ich aber nicht kann, oder ein css Befehl einbauen. Und hier liegt das Problem, ich weiß nicht wie so ein Befehel auszusehen hat. Ich habe mal von "do_action" Befehlen gehört, die das Scrollen nach oben bewirken können.

Ja die Rechtschreigung ist katastrophal. Aber das ist auch erstmal zweitrangig, die Texte wurde sehr schnell geschrieben und dienen erstmal als Orientierung und Platzhalter. Sie werden sowie am Ende nocheinmal von meinem "Auftraggeber" komplett überarbeitet, ist nen Freundschaftsdienst, die Webseite. Er hat Ahnung von der Materie und mir ein paar Textvorlagen gegeben, die ich weniger erfolgreich angepasst habe. Deswegen geht es mir erstmal um Design und Funktionalität, denn das muss richtig passen und für den Kunden eine angenehme Erfahrung sein. Trotzdem hilfreich, dass du alles aufgezählt hast, was nicht so ganz past. Merci beaucoup!

Die Fehler im Format sind durch einen Wechsel des E-mail-Anbieters entstanden und sollten jetzte behoben sein. Probleme sehe ich vorallendingen noch in der Suchfunktion und im Menü für Tablets/Smartphones. Da meine css Kentnisse aber miserabel sind wird das etwas schwierig sein, diese Anpassungen zu bewerkstelligen. Wenn du noch Bearbeitungsbedarf in Sachen Desgin/Funktionalität irgendwo siehst sag es mit bitte. Du hast ein gutes Auge dafür. Rechtschreibfehler kannst du mir auch gerne mitteilen, sind aber nicht so wichtig. Wenn ich mich irgendwie revanchieren kann, teil es mir mit. ;D

Also wenn du Lust hast kannst du nochmal meine Webseite besuchen, habe jetzt auch auf Tablets optimiert. Leider hab ich selber keins und kann alternativ nur mein Browserfenster verkleinern. Deswegen tob dich ruhig aus und schreib mir wenn du noch Fehler findest.

Wenn du deine hier mal verlinkst könnte ich auch mal einen Qualitätscheck vornehmen, natürlich nur wenn dafür Bedarf ist. :D

Also ich schreibe diesen Code irgendwo in meine footer.php

jQuery('.scrolltotop').click(function(){
  jQuery('html, body').animate({scrollTop : 0},800);
  return false;
});

und hier füge ich noch eine class hinzu ?

<a class="button primary-button" href="#dafuq">zurück zum Anfang</a>

also ungefähr so:

<a class="button primary-button" class="scrollTop" href="#dafuq">zurück zum Anfang</a>

Oder auch nicht. :lol:

Ja habe das Menü geändert, echt schade weil es sieht so extrem schlecht aus, aber der doppelte Balken war nicht besser. Hab auf dem Handy mein Freundin geguckt (auch Android) und sie hatte auch den doplleten Balken. Hmmmmm ich sehs, danke für den Hinweis! Ich habe aber bis jetzt nur für Handy und größer Bildschirme optimiert. Mache das manuel, was ziemlich kompliziert ist, aber kann jedes einzelne Element nach meinen Vorstellungen gestalten, was wiederum ziemlich cool ist. Starte aber jetzt eine Tablet optimierung. :cool:

Hm auf meinen Handy (s4 Android) ist das Menü zwar nicht doppelt vorhanden, aber der Balken, wo das Menü ursprünglich war ist noch da. Der, wo der Firmenname drauf steht.

Haha ja danke, habe die Rechtschreibfehler behoben, aber der Text der Newsletteranmeldung ist bei mir auf Pc, wie Laptop passend. Ideen wie ich diesen Fehler beheben kann?