Bedankt voor het meedenken Geoclaps!
Alleen in mijn responsive webdesign krijg ik op mobiel en tablet rare verschuivingen te zien in mijn website als ik breadcrumbs toepas, enig idee wat dat kan zijn?
Je gebruikt nu een responsive grid. Je dient de breadcrumbs in je css te stylen in de betreffende gedeelten. Zodra je scherm smaller wordt zoals bij een smartphone of tablet dient je stylesheet te weten wat het met bepaalde elementen, en in dit specifieke geval ook je breadcrumbs, moet doen.
Je hebt je breadcrumbs nu uitgezet dus kan nu niet zien wat ie doet wanneer je gaat schalen.
Super Geoclaps!
Inderdaad heb ik de breadcrumbs uitgezet omdat mijn website er niet meer uitzag op de mobiele telefoon. Van alles zitten proberen maar niets hielp. Zo logisch als wat om dit in CSS te plaatsen, echter je moet er maar even opkomen 🙂
Zodra ik de breadcrumbs weer op mijn website heb staan zal ik het je even laten weten!
Groet,
Webdesign Stunter
Beste Ruurd,
Ik heb de breadcrumbs nu toegepast op de homepage.
Echt mooi ziet het er niet uit, heb jij enig idee hoe ik de broncode kan wijzigen zodat het breadcrumb pad en de reviews onzichtbaar worden?
Ik snap dat breadcrumbs in HTML niet mooi te krijgen zijn, of is er eventueel toch een mogelijkheid om breadcrumbs op hidden te zetten?
Kan door middel van inline css. Echter zou ik er <div> elementen met classes omheen zetten en die stylen via css. Dan kun je die wel degelijk netjes krijgen.
Onderstaand de inline css aanpassing:
Maak van:
<div itemscope="" itemtype="http://data-vocabulary.org/Review-aggregate">
Dit:
<div itemscope="" itemtype="http://data-vocabulary.org/Review-aggregate" style="display:none;">
en van:
<p><span itemscope="" itemtyp....
Dit:
<p style="display:none"><span itemscope="" itemtyp....
Perfect Ruurd 🙂
Dit is de oplossing van mijn probleem! 1000x dank!
