Skip to main content

Welkom bij Joomla!NL

Om alle mogelijkheden van dit forum te kunnen gebruiken, moet je je eerst registreren.

Vermeld in iedere vraag duidelijk:
  1. De versie van Joomla! 3.X die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De versie van de extensie waar de vraag over gaat.

Twitter extensie onderaan getoond op mobiele site

Twitter extensie onderaan getoond op mobiele site

04 okt 2016 21:49 - 04 okt 2016 21:50
#1
Hallo,

Mijn site bevat een Twitter extensie (Ultimate Twitter Sidebar Feed) die geplaatst is op positie-4 (rechterkant). Nu wordt deze Twitter extensie onderaan getoond zodra de site op een telefoon wordt bekeken. Dat vind ik niet zo charmant eruit zien.
Welke opties zijn er om dit beter weer te geven? De extensie volledig weglaten op een telefoon zou een optie kunnen zijn w.m.b.

Bedankt voor de suggesties alvast!

- Rob

(website url rechts in mijn profiel)
"Forward, always" - Pop (Luke Cage)
  • lobbie1978
  • lobbie1978's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 47

Twitter extensie onderaan getoond op mobiele site

04 okt 2016 23:08
#2
Ik heb niet verder gekeken naar jouw template mogelijkheden.
Maar mijn eerste gedachte is om de twitter module 2x op te nemen op je site.
1x in een linker kolom (mits jouw template daarin voorziet) en 1x de huidige rechter.
Via mediaqueries (in je css, of mogelijk ook bij je templateinstellingen) zou je kunnen aansturen dat links niet op desktops e.d. komt maar alleen op mobiel en rechts wel op desktop en niet op mobiel.
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum
Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Romke
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3646

Twitter extensie onderaan getoond op mobiele site

05 okt 2016 09:30 - 05 okt 2016 09:31
#3
Bedankt voor je suggestie Romke,

Ik begrijp alleen niet waarom ik de extensie dan ook nog links zou plaatsten voor weergave op mobiel. Dan resulteert het in dat de extensie in responsive view alsnog toch onderaan de pagina komt?
Via CSS de extensie niet weergeven op mobiel lijkt mij de beste optie. Ik weet alleen niet hoe dat moet. Ben nogal een CSS en HTML n00b. Ik heb andere kwaliteiten :lol:
Misschien kan je me daarmee op weg helpen?

- Rob
"Forward, always" - Pop (Luke Cage)
  • lobbie1978
  • lobbie1978's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 47

Twitter extensie onderaan getoond op mobiele site

05 okt 2016 09:43 - 05 okt 2016 09:46
#4
Omdat de modules van links naar rechts, onder elkaar worden weergegeven op mobiel. Plaats je de module dus links dan zal de twitter module voor je artikel(en) worden getoond op mobiel.

Meer over mediaqueries vind je hier

In jouw geval zou het ongeveer zo kunnen uitzien. Bij twitter class moet je nog wel even de juiste class(es) vermelden
Code:
@media only screen and (max-width: 500px) {     twitter class {         display: none;     } }
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum
Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Romke
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3646

Twitter extensie onderaan getoond op mobiele site

05 okt 2016 10:09
#5
Ik neem aan dat dit in de responsive.css geplaatst moet worden?

Bij twitter class moet je nog wel even de juiste class(es) vermelden


Daar ben je me kwijt :huh:
"Forward, always" - Pop (Luke Cage)
  • lobbie1978
  • lobbie1978's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 47

Twitter extensie onderaan getoond op mobiele site

05 okt 2016 10:27
#6
Of het geheel gaat werken weet ik niet zeker. Ik zie nu dat het een artisteer template is en dat je de twitter module in een iframe hebt staan.
De class die ik dan bedoel is deze:
Code:
twitter-timeline
zelf heb ik ook nog onvoldoende gewerkt met mediaqueries om je exact de juiste code te geven, misschien dat anders een ander lid je beter van dienst kan zijn.
Ik weet ook niet zeker of je het binnen artisteer kunt aangeven wat wel en niet op mobiel moet komen. Daarvoor ken ik het programma namelijk niet, heb daar nog nooit mee gewerkt.
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum
Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Romke
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3646

Twitter extensie onderaan getoond op mobiele site

05 okt 2016 10:50 - 05 okt 2016 10:50
#7
Ik heb geen idee hoe de code eruit moet komen te zien.

Kan ik niet een
Code:
display: none;
code gebruiken voor weergave van de Twitter extensie op mobiel?
"Forward, always" - Pop (Luke Cage)
  • lobbie1978
  • lobbie1978's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 47

Twitter extensie onderaan getoond op mobiele site

05 okt 2016 17:09
#8
Ja, maar je moet aangeven waar die regel op van toepassing is. En dat doe je met een mediaquery waar je de maximale breedtje aangeeft waarbij e.e.a. verborgen moet worden.
Code:
@media (max-width: 500px) { .twitter-timeline.twitter-timeline-rendered { display: none !important; } }
Ik weet niet zeker of dit gaat werken, anders kan je nog met een module class suffix gaan werken om het voor elkaar te krijgen.
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725
Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37554
Moderators: JelleRomke
Tijd voor maken pagina: 0.727 seconden
Gemaakt door Kunena

Wil je Joomla!NL steunen?

Steun Joomla!NLAlle teamleden werken enthousiast, op vrijwillige basis, mee aan Joomla!NL. Maar een website met forum kost nu eenmaal geld. Dus als je Joomla!NL wilt steunen, dan kan dat, graag zelfs!

Lees hier meer informatie