Ik heb een extensie gemaakt op een plugin functie in functions.php. Hiermee een mooi overzicht van posts in/op de index.php.
Dit vervolgens mooi gestyled met css: responsive en desktop. Een basis stijl dat bij width 786px iets aangepast wordt voor desktop. Zag er helemaal top uit en het was zo goed als af. Het enige punt wat nog getackeld moest worden was de foto kwaliteit, de extensie had nog de originele plugin tekst:
"$thumbnail = get_the_post_thumbnail($post->ID,'thumbnail',true);"
dit had ik veranderd in
"$thumbnail = get_the_post_thumbnail($post->ID,'full',true);"
Maar toen ik de pagina ververste had ik wel de mooie fotokwaliteit maar ineens was de responsive css nagenoeg helemaal weg. Alsof ik maar 2 regeltjes css ervoor heb staan!

Desktop css is nog top, responsive is gewoon niet aanwezig ineens terwijl alle html en classes onveranderd zijn.

Iemand enig idee??
Hoe kan een css basis niet aanwezig zijn in browser terwijl een lichte uitbreiding erop voor desktop wel perfect werkt?

BV:
<div class="hero-image"><img src="lala" /></div>

.hero-image::after {blabla}

De ::after verdwijnt bij een breedte van minder dan 786px maar verschijnt bij 786px+

PM voor url.

Heb je het geprobeerd met diverse browsers? Ik merk bijvoorbeeld dat Chrome bijna 100% van de CSS verwerkt en in Firefox bijv. de helft opeens niet werkt. Wellicht is dit op de smartphones ook zo?

Bedankt voor het meedenken Mehdi. Het is gelukkig inmiddels opgelost en was kennelijk een ontbrekend, sluitende } ergens in het css bestand.