not a support questionHejhej
Jeg har brug for noget hjælp til at fjerne en Header, den skal kun fjernes for dem der siden på deres mobiltelefon men stadig vises på pc.
Og en anden ting, findes der en måde at gøre den grønne tekst på næste billede hvid? uden at alt det andet grønne tekst på siden også bliver hvidt?
På forhånd tak! :)
Webudviklerværktøjet (Crtl+Skift+i) i Firefox og Chrome er godt til at identificere CSS indhold og forsøgsvis præve hvordan udseende kan ændres.
Den farvede tekst linie gøres hvid ved at tilføje:
a, .jumbotron .jumbotron-caption .caption-small-heading, .featured-page .featured-page--content .featued-page--title:hover a, .news-posts-block .news-post--title a:hover, .content-area .icon-box--icon i, .team-member--name a:hover, .testimonials .testimonial--description, .content-area .opening-hours ul li.today, .has-theme-blue-color {i Kontrolpanel/Udseende/Tilpas/Ekstra CSS
color: #fff;
}
Med hensyn til dit andet (eller første) problem så kræver det nok lidt fiffling, så du rammer den rigtige skærmbredde. Teksten skal sættes ind som ovenstående.
@media only screen and (max-width : 992px) {Skærmbredden skal måske justeres.
.header-widgets {
display: none;
}
}
Hej boldt.
Tak for dit svar! jeg er lykkes med begge dele.
Har en anden ting jeg håber du kan hjælpe med :)
på mobilen er der mit coverbillede, og nedenunder tekst + kontaktformular, jeg gad godt det istedet vises som når man går ind via pc... altså tekst+kontaktformular i selve coverbilledet.... evt gør coverbilledet lidt større så det er muligt at læse teksten hvis man flytter den derop?
Det skal lige siges at jeg har forsøgt at finde ud af det via webudviklerværktøjet, men det er lidt kringlet :)
Det er dit tema som som styrer karrusellen, og der er en funktion som beslutter at teksten skal være under baggrundsbilledet når du kigger på små skærme.
Jeg kan ikke lige overskue hvordan dette kan ændres.
Måske kan du i stedet, ændre farven på boksen under billedet til en blå farve?
Hej Fredsgaard,
Det er ikke så lige til det med responsive :)
Du skal bruge funktionen @media i css til at fortællle hvordan ting skal vises eller ikke vises på forskellig skærmstørrelse.
Hvis du ser på mit site her fx: https://fitfact.dk, kan du se at menuen ændrer totalt udseende afhængig af om du er på mobil, tablet eller computer.
Denne funktion er indbygget i mit tema, men du kan godt gøre det selv. Det er dog noget der kræver lidt css viden. Nemprogrammering virker til at have et dansk kursus om emnet: https://www.nemprogrammering.dk/Tutorials/responsive-webdesign/5-media-queries.php
Altid gode Developers Guide fra Mozilla har også en god artikel: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
Jeg ville dog nok råde til at hyre en profesionnel til den slags. Det kan hurtigt ende galt med css. Jeg har selv i dag rodet mig ud i store problemer da jeg skulle rette i mit tema!
Bemærk at hvis du benytter CSS Media Queries så loades elementerne stadigvæk i klienten (browseren) - og skjules derpå ved hjælp af CSS display.
Hvis du ønsker at visse elementer slet ikke loades eller at outputte andet HTML eks. ved mobile devices mv. kan du benytte WordPress wp_is_mobile funktionen (den sondre dog kun mellem mobile og desktop, og ikke tablet).
Hvis du ønsker bredere device specifik håndtering (mobile, tablet, desktop), kan du overveje at benytte http://mobiledetect.net/
Du skal være logget ind for at skrive.
