Also kann man das nicht ohne weiteres ändern?
Beiträge von phil21oo
-
-
Hallo, meine Frage lautet, wie kann ich die breite und höhe der Menüleiste meiner Website ändern Einerseits ohne scrollen und andererseits beim scrollen? Und wie kann ich das Logo während dem Scrollen größer darstellen?
Hier meine Website: https://setup-tipps.com und unten der Code:
Habe schon einige Dinge versucht, allerdings ändert sich irgendwie nichts.
Vielen Dank für deine Hilfe:)
Phil
Code
Alles anzeigen8.2 - Header Menu --------------------------------------------------------------*/ /* Header Menu */ .site-header-menu { display: none; } /*-------------------------------------------------------------- 8.3 - Header Menu Responsive --------------------------------------------------------------*/ /* Toogle Menu */ .toggle-menu-wrapper a, .toggle-menu-wrapper a:visited { color: #020202; -webkit-transition: all .25s ease-out; transition: all .25s ease-out; } .main-navigation.stuck .toggle-menu-wrapper a, .main-navigation.stuck .toggle-menu-wrapper a:visited { color: #fff; } .toggle-menu-wrapper a:hover, .toggle-menu-wrapper a:focus, .toggle-menu-wrapper a:active { color: #3d3d3d; } .main-navigation.stuck .toggle-menu-wrapper a:hover, .main-navigation.stuck .toggle-menu-wrapper a:focus, .main-navigation.stuck .toggle-menu-wrapper a:active { color: #a6a6a6; } .toggle-menu-wrapper a:before { content: "\f0c9"; font-size: 25px; font-size: 1.5625rem; vertical-align: middle; } .toggle-menu-wrapper .toggle-menu-label { font-family: "Open Sans", sans-serif; font-size: 16px; font-size: 1rem; font-weight: 700; margin: 0 5px; margin: 0 0.3125rem; text-transform: uppercase; } /* Body Control */ body.has-responsive-menu { overflow: hidden; } /* Site Header Menu Responsive */ .site-header-menu-responsive { background: #141414; color: #fff; margin: 0; overflow: hidden; overflow-y: auto; padding: 30px; padding: 1.875rem; position: fixed; top: 0; left: -280px; width: 280px; height: 100%; z-index: 99999; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .site-header-menu-responsive.show { left: 0; } .site-header-menu-responsive .header-menu-responsive-close { color: #fff; cursor: pointer; font-size: 35px; font-size: 2.1875rem; line-height: 1; position: absolute; top: 5px; right: 15px; } .site-header-menu-responsive .header-menu-responsive-close:hover { color: #a6a6a6; } /* Responsive Menu: (375px) and up */ @media (min-width: 375px) { .site-header-menu-responsive { left: -335px; width: 335px; } } /* Responsive Menu: (414px) and up */ @media (min-width: 414px) { .site-header-menu-responsive { left: -375px; width: 375px; } } /* Header Menu Responsive */ .header-menu-responsive { list-style: none; margin: 0 auto; padding: 0; } .header-menu-responsive * { list-style: none; margin: 0; padding: 0; } .header-menu-responsive ul { display: none; margin-left: 24px; margin-left: 1.5rem; } .header-menu-responsive ul.toggle-on { display: block; } .header-menu-responsive li { position: relative; word-wrap: break-word; white-space: normal; } .header-menu-responsive li.current_page_item a, .header-menu-responsive li.current-menu-item a, .header-menu-responsive li.current_page_ancestor > a, .header-menu-responsive li.current-menu-ancestor > a, .header-menu-responsive li.current-menu-parent > a { color: #a6a6a6; } .header-menu-responsive a, .header-menu-responsive a:visited { color: #fff; display: block; font-family: "Open Sans", sans-serif; font-size: 16px; font-size: 1rem; font-weight: 700; padding: 8px 0; padding: 0.5rem 0; text-transform: uppercase; -webkit-transition: all .25s ease-out; transition: all .25s ease-out; } .header-menu-responsive a:hover, .header-menu-responsive a:focus, .header-menu-responsive a:active { color: #a6a6a6; } .header-menu-responsive .dropdown-toggle { background: transparent; border: none; position: absolute; top: 0; right: 0; width: 40px; height: 40px; } .header-menu-responsive .dropdown-toggle:after { font-size: 16px; font-size: 1rem; color: #fff; content: "\f078"; } .header-menu-responsive .dropdown-toggle.toggle-on:after { content: "\f077"; color: #a6a6a6; } .header-menu-responsive .page_item_has_children > a, .header-menu-responsive .menu-item-has-children > a { padding-right: 40px; padding-right: 2.5rem; }
-
Hallo Community,
kennt sich jemand mit dem Übersetzen von englischen Wordpress Themes ins Deutsche aus?
Denn ich habe bei diesem Wordpress Theme "Cambium" die Sprache auf Deutsch gestellt, doch nun sind einige Wörter nicht übersetzt worden.
Jetzt habe ich schon mit dem Plugin Loco Translate versucht die noch englischen Wörter zu übersetzen, doch diese werden im Plugin nicht angezeigt. Beispiele sind die Wörter "read more" für weiterlesen oder "search" für suchen.Vielen Dank schon mal für eure Unterstützung, ich kenne mich leider gar nicht mit css oder html aus, deswegen bitte Lösungsvorschläge für Dummköpfe;-)
MFG Phil
-
-
-
Wow danke, ihr glaubt nicht wie ich mich gerade freue!
Könntet ihr nochmal checken, ob das Menu auf der normalen Desktop Website auch wieder funktioniert, weil bei mir wird da jetzt manchmal die Suchleiste im Desktop Menu angezeigt, was eigentlich nicht sein sollte.
Wenn man dieses Problem beheben könnte, indem man die Suchleiste komplett weg lässt, mobil und im desktop Menu wäre es auch gut!
-
-
Aber früher hat das mobile Menu funktioniert, hier mal ein beispiel https://www.youtube.com/watch?v=5XQtkqptRvU&t=12s bei 10:15 sieht man das mobile Menu, ist zwar nicht meine website, aber das gleiche theme.
-
Hallo,
ich bin absoluter Neuling und habe eine Frage:
Das ist meine Website: https://rfid-schutz.org/
Benutze das Wordpress Theme Hemmingway und leider lässt sich das mobile Menu nicht mehr erkennen. Früher war dies aber noch vorhanden. Ich weiß nicht, ob das etwas hilft, aber Folgend die css Datei. Könnt ihr mir da irgendwie weiterhelfen?:)
Danke, Phil
4. Navigation
/* -------------------------------------------------------------------------------- */.mobile-menu { display: none; }
.blog-menu li { position: relative; }
.blog-menu > li { float: left; }.blog-menu > li:before {
content: "/";
display: block;
position: absolute;
left: 0;
top: 50%;
margin-top: -9px;
margin-left: -3px;
font-size: 16px;
color: #444;
font-weight: 300;
z-index: 1000;
}.blog-menu > li:first-child:before { content: none; }
.blog-menu a {
display: block;
padding: 27px 20px;
text-transform: uppercase;
letter-spacing: 1px;
color: rgba( 255, 255, 255, 0.5 );
font-size: 13px;
}.blog-menu a:hover,
.blog-menu .current-menu-item a { color: #FFF; }.blog-menu > .has-children a,
.blog-menu > .page_item_has_children a { padding-right: 35px; }.blog-menu > .has-children::after,
.blog-menu > .page_item_has_children::after {
content: "";
display: block;
border: 5px solid transparent;
border-top-color: rgba( 255, 255, 255, 0.5 );
position: absolute;
z-index: 1001;
right: 17px;
top: 50%;
margin-top: -2px;
transition: border-color .2s ease-in-out;
}.blog-menu > .has-children:hover::after,
.blog-menu > .page_item_has_children:hover::after { border-top-color: #FFF; }.blog-menu li:hover a {
background-color: #1D1D1D;
cursor: pointer;
}.blog-menu li:hover > a { color: #FFF; }