http://wp-danmark.dk/forum/topic/hj%c3%a6lp-til-at-fjerne-en-header-nar-man-ser-siden-pa-sin-mobiltlf WordPress DK Forum Topic: Hjælp til at fjerne en Header når man ser siden på sin mobiltlf da-DK Tue, 11 Aug 2026 12:26:10 +0000 http://bbpress.org/?v=1.0.1 q http://wp-danmark.dk/forum/search.php http://wp-danmark.dk/forum/topic/hj%c3%a6lp-til-at-fjerne-en-header-nar-man-ser-siden-pa-sin-mobiltlf#post-72211 lør, 07 dec 2019 20:02:15 +0000 chhe 72211@http://wp-danmark.dk/forum/ <p>Bemærk at hvis du benytter <a href="https://www.w3schools.com/css/css3_mediaqueries.asp">CSS Media Queries</a> så loades elementerne stadigvæk i klienten (browseren) - og skjules derpå ved hjælp af CSS display.</p> <p>Hvis du ønsker at visse elementer slet ikke loades eller at outputte andet HTML eks. ved mobile devices mv. kan du benytte <a href="https://wpdynamic.com/wordpress-developer/wordpress-code-snippets/how-to-display-content-for-mobile-or-desktop-only-using-wordpress-wp_is_mobile/">WordPress wp_is_mobile</a> funktionen (den sondre dog kun mellem mobile og desktop, og ikke tablet).</p> <p>Hvis du ønsker bredere device specifik håndtering (mobile, tablet, desktop), kan du overveje at benytte <a href="http://mobiledetect.net/" rel="nofollow">http://mobiledetect.net/</a> </p> http://wp-danmark.dk/forum/topic/hj%c3%a6lp-til-at-fjerne-en-header-nar-man-ser-siden-pa-sin-mobiltlf#post-72188 søn, 01 dec 2019 02:32:39 +0000 Erik Haalo 72188@http://wp-danmark.dk/forum/ <p>Hej Fredsgaard,</p> <p>Det er ikke så lige til det med responsive :)</p> <p>Du skal bruge funktionen @media i css til at fortællle hvordan ting skal vises eller ikke vises på forskellig skærmstørrelse.</p> <p>Hvis du ser på mit site her fx: <a href="https://fitfact.dk" rel="nofollow">https://fitfact.dk</a>, kan du se at menuen ændrer totalt udseende afhængig af om du er på mobil, tablet eller computer.</p> <p>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: <a href="https://www.nemprogrammering.dk/Tutorials/responsive-webdesign/5-media-queries.php" rel="nofollow">https://www.nemprogrammering.dk/Tutorials/responsive-webdesign/5-media-queries.php</a></p> <p>Altid gode Developers Guide fra Mozilla har også en god artikel: <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries" rel="nofollow">https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries</a></p> <p>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! </p> http://wp-danmark.dk/forum/topic/hj%c3%a6lp-til-at-fjerne-en-header-nar-man-ser-siden-pa-sin-mobiltlf#post-72173 tors, 28 nov 2019 08:12:34 +0000 boldt 72173@http://wp-danmark.dk/forum/ <p>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. </p> <p>Jeg kan ikke lige overskue hvordan dette kan ændres.</p> <p>Måske kan du i stedet, ændre farven på boksen under billedet til en blå farve? </p> http://wp-danmark.dk/forum/topic/hj%c3%a6lp-til-at-fjerne-en-header-nar-man-ser-siden-pa-sin-mobiltlf#post-72172 tors, 28 nov 2019 01:26:38 +0000 Fredsgaard 72172@http://wp-danmark.dk/forum/ <p>Det skal lige siges at jeg har forsøgt at finde ud af det via webudviklerværktøjet, men det er lidt kringlet :) </p> http://wp-danmark.dk/forum/topic/hj%c3%a6lp-til-at-fjerne-en-header-nar-man-ser-siden-pa-sin-mobiltlf#post-72170 tors, 28 nov 2019 00:37:34 +0000 Fredsgaard 72170@http://wp-danmark.dk/forum/ <p>Hej boldt.</p> <p>Tak for dit svar! jeg er lykkes med begge dele.</p> <p>Har en anden ting jeg håber du kan hjælpe med :)</p> <p>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? </p> http://wp-danmark.dk/forum/topic/hj%c3%a6lp-til-at-fjerne-en-header-nar-man-ser-siden-pa-sin-mobiltlf#post-71736 tirs, 03 sep 2019 19:28:46 +0000 boldt 71736@http://wp-danmark.dk/forum/ <p>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.</p> <p>Den farvede tekst linie gøres hvid ved at tilføje:<br /> <blockquote>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 {<br /> color: #fff;<br /> }</blockquote>i Kontrolpanel/Udseende/Tilpas/Ekstra CSS</p> <p>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.<br /> <blockquote>@media only screen and (max-width : 992px) {<br /> .header-widgets {<br /> display: none;<br /> }<br /> }</blockquote>Skærmbredden skal måske justeres. </p> http://wp-danmark.dk/forum/topic/hj%c3%a6lp-til-at-fjerne-en-header-nar-man-ser-siden-pa-sin-mobiltlf#post-71734 tirs, 03 sep 2019 18:35:22 +0000 Fredsgaard 71734@http://wp-danmark.dk/forum/ <p><a href="http://www.holdbartvaegttab.dk" rel="nofollow">http://www.holdbartvaegttab.dk</a> </p> http://wp-danmark.dk/forum/topic/hj%c3%a6lp-til-at-fjerne-en-header-nar-man-ser-siden-pa-sin-mobiltlf#post-71733 tirs, 03 sep 2019 18:34:25 +0000 Fredsgaard 71733@http://wp-danmark.dk/forum/ <p>Hejhej</p> <p>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.</p> <p><a href="https://imgur.com/7up0waF" rel="nofollow">https://imgur.com/7up0waF</a></p> <p>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> <p><a href="https://imgur.com/GTYYd2Z" rel="nofollow">https://imgur.com/GTYYd2Z</a></p> <p>På forhånd tak! :) </p>