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.

Responsive template width aanpassen

Responsive template width aanpassen

28 mei 2020 16:38
#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
  • Xaleah's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 148

Responsive template width aanpassen

28 mei 2020 17:02
#2
Code:
@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.

  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37114

Responsive template width aanpassen

28 mei 2020 17:10
#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
  • Xaleah's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 148

Responsive template width aanpassen

28 mei 2020 17:50
#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.

  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37114

Responsive template width aanpassen

28 mei 2020 18:21
#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
  • Xaleah's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 148

Responsive template width aanpassen

28 mei 2020 18:42
#6
Je moet wel alles overnemen! En er moet moet nog een extra
Code:
}
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.

  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37114

Responsive template width aanpassen

02 jun 2020 20:04
#7
Had je bericht gemist, dit is nu exact wat er staat:
Code:
@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
  • Xaleah's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 148

Responsive template width aanpassen

02 jun 2020 20:31
#8
Hoe ziet je custom.css eruit?
Ik zie dit in de broncode
Code:
/*--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.

  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37114

Responsive template width aanpassen

02 jun 2020 22:57
#9
Op het moment inderdaad zoals je linkt:
Code:
#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:
Code:
#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
  • Xaleah's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 148

Responsive template width aanpassen

02 jun 2020 23:20
#10
Dit hoort er niet te staan
Code:
(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.

  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37114
Moderators: Peter, Juliank92, Jelle, Romke
Tijd voor maken pagina: 1.607 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