Vermeld in iedere vraag duidelijk:

De versie van Joomla! 3.X die je gebruikt
De volledige url van je website indien mogelijk.
De versie van de extensie waar de vraag over gaat.

opgelost Beeld vervormt en is afgekapt als het scherm verkleint

Beeld vervormt en is afgekapt als het scherm verkleint

21 nov 2014 14:54

Ik wil een bestaande site in J3.3 herschrijven om via Bootstrap een betere schermaanpassing te krijgen. Als template gebruik ik Protostar.
Als ik het scherm smaller maak, wordt de header (png) afgekapt, en de (rechter) memus in de body/tekst geschoven. Smaller dan +- 60% is er geen probleem meer, worden menu's onder en boven verplaatst en de header verkleint.
Bij <Template> 'Vloeiend' of 'Statisch' aanzetten maakt geen verschil.
Waar/hoe kan ik dit correct krijgen?
test site

hugot
Heeft onderwerp gestart
Joomla!NL ontdekker
Berichten: 56

Beeld vervormt en is afgekapt als het scherm verkleint

21 nov 2014 15:19

Even dit toevoegen aan je template.css. Hij "struikelt" over de intro-afbeelding.

Code:

.pull-left.item-image {
  width: 100%;
}

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
Moderator + Technisch team
Berichten: 37559

Beeld vervormt en is afgekapt als het scherm verkleint

21 nov 2014 15:46

Ik heb de 3 regel ingevoegd (op regel 190), maar merk geen verschil.
(Ik zie dat de ZOEK ruimte in het menu ook niet mee aangepast wordt aan het formaat, maar dat is mogelijk nog een ander probleem?)
Maakt het iets uit wààr ik die 3 regels kopieer?

hugot
Heeft onderwerp gestart
Joomla!NL ontdekker
Berichten: 56

Beeld vervormt en is afgekapt als het scherm verkleint

21 nov 2014 16:02 - 21 nov 2014 16:17

Het handigste is onderaan. Dan weet je welke je aangepast hebt. Je moet deze ook nog even toevoegen voor de header:

Code:

.pull-left {
  width: 100%;
}

En deze voor het zoekvak:

Code:

input.search-query {
  width: 80%;
}

En even je browsercache legen!

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
Moderator + Technisch team
Berichten: 37559

Beeld vervormt en is afgekapt als het scherm verkleint

21 nov 2014 17:04

Ja, nu doet ie het. En de zoekfunctie schaalt ook mee.
Bedankt!

hugot
Heeft onderwerp gestart
Joomla!NL ontdekker
Berichten: 56

Moderators: Jelle, Romke

Tijd voor maken pagina: 0.793 seconden

Gemaakt door Kunena

Laatste nieuws

Welkom bij Joomla!NL

opgelost Beeld vervormt en is afgekapt als het scherm verkleint

Beeld vervormt en is afgekapt als het scherm verkleint

Beeld vervormt en is afgekapt als het scherm verkleint

Beeld vervormt en is afgekapt als het scherm verkleint

Beeld vervormt en is afgekapt als het scherm verkleint

Beeld vervormt en is afgekapt als het scherm verkleint

Laatste forumberichten

Wil je Joomla!NL steunen?