Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
link wird benötigt
Hey Leute. Ich habe ein ähnliches Problem. Sowohl der Header auf den Seiten als auch der Slider auf der Startseite sollte für mein Logo und für mein Menü als Hintergrund fungieren. Das sieht auch soweit alles ganz okay aus. wenn man den Browser jedoch verkleinert oder die Seite auf dem iPad/iphone aufrufen möchte, ist das Logo und das Menü (beides weiss) auf weissem Grund und nicht mehr zu sehen. Vielleicht habt ihr ja eine Idee
Irgendwo bei dir wird das hier definiert:
@media only screen and (max-width: 991px)
.site-header {
background-color: #ffffff;
}
Du könntest die background-color einfach im Child-Theme oder in einem Custom-CSS-Bereich überschreiben.
okay, danke erstmal. ich habe das so verstanden, dass dann der background farbig hinterlegt wird. kann ich auch was machen, dass der Slides einfach immer oben bleibt?
Ja, zusätzlich zur Hintergrund-Farbe auch noch das hier wieder auf fixed ändern:
@media only screen and (max-width: 991px)
.site-header.fixed {
/* position: static !important; */
}
Ich habe aber keine Ahnung welche Nebenwirkungen das hat. Müsstest du mal testen.
Wo soll/kann ich das ändern. Bin absolut Neu. ist meine erste Seite. Sorry
Du könntest die background-color einfach im Child-Theme oder in einem Custom-CSS-Bereich überschreiben.
Du könntest es z. B. damit versuchen: https://de.wordpress.org/plugins/simple-custom-css/
Oder du suchst nach einer Anleitung, wie man ein Child-Theme anlegt. Davon gibt es genug.
Okay, ich habe den Abschnitt in der style.css gefunden.
Media only screen and (max-width: 991px)
.site-header.fixed {
/* position: static !important; */
}
abschnitte wie diese sind da mehrfach aufgeführt. Ist bestimmt definiert wie sich das ganze bei Tablets verhalten soll oder?
Erfolge konnte ich aber bisher nicht verzeichnen
/* Media Queries
-------------------------------------------------------------- */
@media only screen and (min-width: 1930px) {
.parallax {
background-size: cover;
}
}
/* Smaller than standard 1200 */
@media only screen and (max-width: 1199px) {
.roll-icon-list .list-item {
margin-bottom: 18px;
}
.roll-project.fullwidth .project-item {
width: 25%;
}
.masonry-layout .hentry {
width: 455px;
}
}
/* Smaller than standard 980 */
@media only screen and (max-width: 991px) {
.site-header.fixed {
position: static !important;
}
.parallax {
background-size: cover;
background-attachment: scroll;
background-position: top center!important;
}
.roll-counter .numb-count {
font-size: 24px;
}
.masonry-layout .hentry {
width: 345px;
}
.header-wrap .col-md-8 {
padding: 0;
}
.last {
margin-bottom: 0 !important;
}
.margin-bottom-device {
margin-bottom: 50px;
}
.margin-top-device {
margin-top: 50px;
}
.content-area .post-wrap,
.contact-form-wrap {
padding-right: 0;
}
.contact-form-aside,
.sidebar {
margin-top: 50px;
}
.roll-icon-box {
margin-bottom: 30px;
}
.roll-promobox.aside-style,
.roll-promobox.aside-style .promo-wrap,
.roll-promobox.aside-style .promo-content,
.roll-promobox.aside-style .promo-controls {
display: block;
text-align: center;
width: 100%;
}
.roll-promobox.aside-style .title {
margin-bottom: 20px;
}
.roll-project.fullwidth .project-item {
width: 33.3%;
}
.footer-widgets .widget {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 1024px) {
.slides-container .slide-item,
.panel-row-style {
background-attachment: scroll;
background-position: center !important;
}
.panel-row-style.mob-pad-0 {
padding: 0 !important;
}
.panel-row-style.mob-pad-15 {
padding: 15px 0 !important;
}
.panel-row-style.mob-pad-30 {
padding: 30px 0 !important;
}
.panel-row-style.mob-pad-45 {
padding: 45px 0 !important;
}
#mainnav {
display: none;
}
.btn-menu {
display: block;
}
.site-header {
position: static;
background-color: rgba(0,0,0,0.9);
}
}
@media only screen and (max-width: 780px) {
.roll-client .client-item img {
max-width: 100%;
}
.panel-grid-cell {
padding-left:15px !important;
padding-right:15px !important;
margin-bottom: 15px !important;
}
h1 { font-size: 32px;}
h2 { font-size: 28px;}
h3 { font-size: 22px;}
h4 { font-size: 18px;}
h5 { font-size: 16px;}
h6 { font-size: 14px;}
}
/* Tablet Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.parallax {
background-size: cover;
background-attachment: scroll;
background-position: top center!important;
}
}
/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
.posts-layout {
max-width: 100%;
}
.masonry-layout .hentry {
width: 100%;
margin: 0 0 30px;
padding: 0 15px;
}
.text-slider-section {
min-height: 190px;
}
.text-slider .maintitle {
font-size: 32px;
line-height: 1.1;
padding-bottom: 10px;
}
.text-slider .subtitle {
font-size: 16px;
line-height: 24px;
padding: 15px 0;
}
.roll-button {
padding: 10px 30px;
}
.roll-project .project-item {
width: 100%;
}
.roll-project.fullwidth .project-item {
width: 50%;
}
.roll-counter {
margin-bottom: 50px;
}
.single-post .author-post .author-avatar {
float: none;
margin-bottom: 20px;
}
.single-post .author-post .author-info {
margin-left: 0;
padding: 0;
}
.single-post .author-post ul.socials {
position: static;
}
.single-post .author-post .intro {
clear: left;
padding-top: 10px;
}
.comment-list .children {
margin-left: 75px;
}
.error-wrap .error-search {
padding: 0 20px;
}
.aside-image .content-wrap {
padding-left: 0;
padding-right: 0;
}
.social-menu-widget a:before {
font-size: 42px;
}
.btn-menu {
float: none;
margin: 15px auto 0;
}
.header-wrap {
text-align: center;
}
#mainnav-mobi {
top: auto;
}
.site-header.float-header {
padding-top: 20px;
padding-bottom: 20px;
}
.text-slider-section {
min-height: 0;
top: auto;
bottom: 0;
}
.site-title {
font-size: 22px !important;
}
}
/* Mobile Portrait Size */
@media only screen and (max-width: 479px) {
.roll-project.fullwidth .project-item {
width: 100%;
}
.blog-post,
.service,
.sidebar-column {
padding: 0;
}
.roll-button {
font-size: 12px;
}
.text-slider .maintitle {
font-size: 20px;
}
.text-slider .subtitle {
font-size: 14px;
}
.text-slider {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 320px) {
.text-slider {
margin-bottom: 0;
}
}Hat sich erledigt. Habe das Theme deinstalliert und neu auf den FTP gezogen. jetzt geht es wieder wie gewollt. danke trotzdem
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!