Doorzoek het forum

Trefwoord

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.

Responsive template width aanpassen

28 mei 2020 16:38
Heeft onderwerp gestart
Responsive template width aanpassen #1
Heyy,

Ik ben druk bezig met het invoeren van het menu op onze website ( www.njoyz.nl/menu ) maar loop in de mobiele versie tegen een template gerelateerd probleem aan, om het menu goed weer te geven moet het responsive template (en alleen die!) breder. Dit probleem is hier duidelijk zichtbaar: www.njoyz.nl/menu?view=menu&id=24:ontbijt-bij-njoyz . Zonder plaatje is er niks aan de hand, maar op het moment dat ik het plaatje toevoeg is de balk toch echt te smal.

Hoe kan ik dit oplossen?
Bedankt!
Xaleah
Bekend met Joomla!NL
Bekend met Joomla!NL
Berichten: 117
Meer

Je moet inloggen of een account aanmaken om te kunnen reageren.

28 mei 2020 17:02
Responsive template width aanpassen #2
@media only screen and (max-width: 440px) {

/* Default Settings */
.wrapper960 {width:100% !important;}

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.

Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.

Astrid
Moderator + Technisch team
Moderator + Technisch team
Berichten: 34094
Meer

Je moet inloggen of een account aanmaken om te kunnen reageren.

28 mei 2020 17:10
Heeft onderwerp gestart
Responsive template width aanpassen #3
Bedankt Astrid,

waar kan ik dat onderdeel precies vinden? Ik heb in het bewuste template van het pakket gekeken en het pakket zelf (Beiden CSS).
Xaleah
Bekend met Joomla!NL
Bekend met Joomla!NL
Berichten: 117
Meer

Je moet inloggen of een account aanmaken om te kunnen reageren.

28 mei 2020 17:50
Responsive template width aanpassen #4
Dat kan je het beste toevoegen aan je custom.css

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.

Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.

Astrid
Moderator + Technisch team
Moderator + Technisch team
Berichten: 34094
Meer

Je moet inloggen of een account aanmaken om te kunnen reageren.

28 mei 2020 18:21
Heeft onderwerp gestart
Responsive template width aanpassen #5
Het verandert helaas niks aan de responsive layout, ook niet als ik de waardes verander. Is er nog iets anders wat ik kan doen?
Xaleah
Bekend met Joomla!NL
Bekend met Joomla!NL
Berichten: 117
Meer

Je moet inloggen of een account aanmaken om te kunnen reageren.

28 mei 2020 18:42
Responsive template width aanpassen #6
Je moet wel alles overnemen! En er moet moet nog een extra
}
achter, mijn fout.

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.

Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.

Astrid
Moderator + Technisch team
Moderator + Technisch team
Berichten: 34094
Meer

Je moet inloggen of een account aanmaken om te kunnen reageren.

02 juni 2020 20:04
Heeft onderwerp gestart
Responsive template width aanpassen #7
Had je bericht gemist, dit is nu exact wat er staat:
@media only screen and (max-width: 440px) {

/* Default Settings */
.wrapper960 {width:100% !important;}}

Echter zonder effect. Ik heb het onderaan bij het CSS custom code gezet van het template dat ik gebruik.
Ik heb ook geprobeerd het aantal pixels te verhogen en de width:100% verandert naar 200%, maar ook dat doet helemaal niks.
Wat kan ik eventueel nu nog doen?

Bedankt!
Xaleah
Bekend met Joomla!NL
Bekend met Joomla!NL
Berichten: 117
Meer

Je moet inloggen of een account aanmaken om te kunnen reageren.

02 juni 2020 20:31
Responsive template width aanpassen #8
Hoe ziet je custom.css eruit?
Ik zie dit in de broncode
/*--Load Custom Css Styling--*/
#subMenusContainer a {
    margin-bottom:0px;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

#subMenusContainer ul, #subMenusContainer ol {
    padding-top: 0px !important;
}

.img {
height: auto;
}

(max-width: 600px) {

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.

Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.

Astrid
Moderator + Technisch team
Moderator + Technisch team
Berichten: 34094
Meer

Je moet inloggen of een account aanmaken om te kunnen reageren.

02 juni 2020 22:57
Heeft onderwerp gestart
Responsive template width aanpassen #9
Op het moment inderdaad zoals je linkt:
#subMenusContainer a {
    margin-bottom:0px;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

#subMenusContainer ul, #subMenusContainer ol {
    padding-top: 0px !important;
}

.img {
height: auto;
}

(max-width: 600px) {

Daarvoor was het:
#subMenusContainer a {
    margin-bottom:0px;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

#subMenusContainer ul, #subMenusContainer ol {
    padding-top: 0px !important;
}

.img {
height: auto;
}

(max-width: 600px) {

@media only screen and (max-width: 440px) {

/* Default Settings */
.wrapper960 {width:100% !important;}}

Maar dat had dus geen effect en ik heb het weer verwijdert.
Xaleah
Bekend met Joomla!NL
Bekend met Joomla!NL
Berichten: 117
Meer

Je moet inloggen of een account aanmaken om te kunnen reageren.

02 juni 2020 23:20
Responsive template width aanpassen #10
Dit hoort er niet te staan
(max-width: 600px) {

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.

Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.

Astrid
Moderator + Technisch team
Moderator + Technisch team
Berichten: 34094
Meer

Je moet inloggen of een account aanmaken om te kunnen reageren.

Moderators: PeterJuliank92JelleRomke
Tijd voor maken pagina: 0.405 seconden

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

Joomla!NL op Twitter

Dinsdag 2 juni is Joomla! 3.9.19 vrijgegeven. Maak altijd eerst een backup voordat je de update uitvoert! https://t.co/yMMmRR18wN

De naam Joomla!® en logo worden gebruikt onder een beperkte licentie met toestemming van Open Source Matters.
Joomlanl.nl is niet verbonden aan en is geen onderdeel van Open Source Matters, Inc, of het Joomla! project.

© 2020 - Joomla!NL | Gehost door Wned