Ondersteuning » Thema en CSS/opmaak » Responsive afbeelding vraagje

  • Opgelost Jelkeweb

    (@jelkeweb)


    Hallo,

    Misschien een rare vraag, maar weet iemand die mij hierbij kan helpen hoe ik de 3 foto’s naast de logo niet op de responsive versies laat zien want als je nu met je mobiel naar nieuwsuitkollum.nl gaat komen die 3 foto’s onder het logo en dat vindt ik niet mooi. Weet iemand hoe ik dat op responsive versies die 3 foto’s weghaal maar wel gewoon op deskop weergeeft de 3 foto’s?

    Gr Jelke

15 reacties aan het bekijken - 1 tot 15 (van in totaal 15)
  • Je zou dit kunnen proberen (toevoegen aan je stylesheet of custom style pagina):

    @media screen and (max-width:767px) {
       .header .img {display:none;}
    }

    Trouwens, erg irritant dat Copy Protection op je site, want hierdoor kunnen wij je ook minder snel helpen.

    Guido

    Is it noch slagge mei it meitsjen fan de wizigingen?

    Thread starter Jelkeweb

    (@jelkeweb)

    Nee @ruurd ut is nog net slagge. @guido heb de code in style.css gezet weinig verandering nog op mn subdomein jelke.nieuwsuitkollum.nl Wat heb ik verkeerd gedaan? Dit is de code in header.php waar de image aan zijn gelinkt. De logo moet wel te zien zijn op de mobiel versies.

    <!-- logo -->
    					<div class="logo">
    						<a href="<?php echo home_url(); ?>">
    							<img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt="Logo" class="logo-img">
    						</a>
    					</div>
    					<!-- /logo -->
    
    					<!-- ad -->
    					 <div class="img">
    						<a href="<?php echo home_url(); ?>">
    							<img src="<?php echo get_template_directory_uri(); ?>/img/1.png" alt="Logo" style="width:220px;height:130px;"class="img">
                                                           <a href="<?php echo home_url(); ?>">
    							<img src="<?php echo get_template_directory_uri(); ?>/img/2.png" alt="Logo" style="width:220px;height:130px;"class="img">
                                                  <a href="<?php echo home_url(); ?>">
    							<img src="<?php echo get_template_directory_uri(); ?>/img/3.png" alt="Logo" style="width:220px;height:130px;"class="img">
    					<!-- /ad --></div>

    In je css vind je het volgende:

    /*------------------------------------*\
        PRINT
    \*------------------------------------*/

    Zet hierboven het volgende:

    @media only screen and (max-width:960px) {
    	header.header .img a .img { display: none; }
    }

    Thread starter Jelkeweb

    (@jelkeweb)

    Hartstikke bedankt Ruurd! Het werkt bedankt!

    Thread starter Jelkeweb

    (@jelkeweb)

    @ruurd Trouwens kan ik in mijn browser als ik hem op 150 procent heb dat dan die afbeelding ook weggaan hoe stel ik dat in bij 175 procent gaan ze nu op weg op de computer

    Hey Jelke, top dat het werkt.

    Antwoord op je vorige vraag: dat kan niet standaard. Je browser kijkt namelijk hoe groot je viewport is, niet hoeveel je inzoomt. Inzoomen is trouwens iets wat weinig mensen opzettelijk doen en dus ook niet onder common practice vallen. Ik zou hier dus ook geen rekening mee houden gezien je dan blijft zoeken naar nieuwe oplossingen 😉

    Thread starter Jelkeweb

    (@jelkeweb)

    @ruurd Dan maakt ik me daar verder niet druk om. Nog punten die ik moet aanpassen op de website wat niet mooi is?

    Mooi is relatief he 😉

    Wat me opvalt is dat je social media icons rechts onderin echt mega groot zijn en erg lelijk doordat ze opgeblazen worden.

    Verder zie ik in het nieuwsoverzicht gedeelte dat de foto en het vlak rechts daarvan gescheiden zijn. Zou ik persoonlijk zonder tussenruimte doen. Nu lijken/zijn het 2 losse delen.

    In je slider zijn de inactive rondjes van de navigatie haast niet te zien. Zou ik een hele lichte kleur blauw doen of een transparantie van wit.

    Gebruik geen dikke fonts als het niet hoeft. Nu zie ik op veel plekken dikgedrukt tekst waar je het niet verwacht.

    Je zoekvenster zit onderaan de banners rechts. Kun je in mijn optiek net zo goed geen zoekfunctie gebruiken.

    Het geheel is erg compact waardoor je maar een beperkte ruimte hebt om nieuwsitems te tonen. Ook zou ik het fotovlak wat groter maken t.o.v. het tekstvlak.

    Thread starter Jelkeweb

    (@jelkeweb)

    Ik heb zelf deze website niet gemaakt dus weet niet waar alles staat. Zoekvenster is meestal wel handig

    Oke, dan zou je degene even moeten vragen die hem gemaakt heeft. Die heeft er wel toegang toe.

    Thread starter Jelkeweb

    (@jelkeweb)

    Ik heb er ook wel toegang toe. Alleen weet niet waar het staat.

    Thread starter Jelkeweb

    (@jelkeweb)

    @ruurd weet jij toevallig ook hoe ik in de slideshow de foto helemaal krijg? Zie nieuwsuitkollum.nl voor voorbeeld. Wijzig ik het eerst om te kijken op jelke.nieuwsuitkollum.nl

    Hey Jelke, neem even contact met me op via mijn email adres: geoclaps [at] hotmail punt com

    Thread starter Jelkeweb

    (@jelkeweb)

    Heb ik gedaan!

15 reacties aan het bekijken - 1 tot 15 (van in totaal 15)
  • Het onderwerp ‘Responsive afbeelding vraagje’ is gesloten voor nieuwe reacties.