Code gezocht: @media (..) negeer class (..)

  • Opgelost Tante A

    (@tante-a)


    8 jaren, 7 maanden geleden

    Goede morgen,
    Voor een website die ik bouw zoek ik een code. De situatie is als volgt:

    In het Child-Theme is een function.php document aangemaakt waarin kortweg geschreven staat dat de mobile bezoeker van de galerij geen pop-up (lightbox) krijgt bij het klikken op een foto:

    <div class="Tante-A">
<?php
	if ( wp_is_mobile() ) {
	// hier staat de code//	}
}
?>
</div>

    Nu wil ik dat deze code niet toegepast wordt op tablets. En dacht zelf aan een toevoeging in de style.css zoals:

    @media only screen and (min-width: 899px) {
	.Tante-A {
		display: none; !important;
	}
}

    Maar helaas. Is er een andere / betere code in php of css die ik kan proberen?

    Hopelijk heb ik het een beetje duidelijk uitgelegd. Als je mij niet begrijpt, hoor k t graag. Bedankt voor t meedenken.
    Tante

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Arjen_M

    (@arjen_m)

    8 jaren, 7 maanden geleden

    @media only screen and (min-width: 899px) {
	.Tante-A {
		display: none !important;
	}
}

    Ik heb bovenstaand voorbeeld even gewijzigd voor je, je hebt een ; teveel

    kijk eens wat het dan doet?

    Thread starter Tante A

    (@tante-a)

    8 jaren, 7 maanden geleden

    Hi Arjen, fijn dat je meedenkt.

    Nee dat maakt geen verschil.
    Weet je toevallig of er een andere php code is dan “wp_is_mobile”? Meer zoals je @media kan toepassen in css. Met Google kom ik daar zelf niet uit.

    Arjen_M

    (@arjen_m)

    8 jaren, 7 maanden geleden

    You should realize that this does not detect a mobile phone specifically, as a tablet is considered a mobile device. Check the Plugins area for several helpful alternatives. It also should not be used for themes.

    https://codex.wordpress.org/Function_Reference/wp_is_mobile

    Indien jij de thema bouwer bent zou ik deze optie eruit halen aangezien WordPress codex aangeeft dit niet te gebruiken in een thema.

    Indien je dit thema aangeschaft heb zou ik even naar de thema bouwer gaan en je geld terug halen.

    of deze php functie er gewoon zelf uit halen. en verder gaan werken met CSS mediaqueries.

    Thread starter Tante A

    (@tante-a)

    8 jaren, 7 maanden geleden

    Haha, je schat mij wel hoog in hoor.

    Nee ik ben geen thema bouwer. Het gaat ook niet om een thema. Het gaat om een functie uit een plugin die ik wil uitschakelen voor bezoekers met een mobiel, maar niet voor tablets. De php code heb ik dus zelf toegevoegd aan het thema. En kan ik er ook weer uithalen als ik wil.

    Maar goed. Ik geloof dat we zo de oplossing niet gaan vinden. Ondertussen heb k de boel weer hersteld en krijg je ook als mobiele bezoeker een pop-up. Het is niet anders.

    Bedankt voor t meedenken Arjen_M!

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Het onderwerp ‘Code gezocht: @media (..) negeer class (..)’ is gesloten voor nieuwe reacties.