Minimistorlek på logga i responsiv design

Moderators: chrille, Zello

Forum rules
Forumregler
Locked
SwedEdit
Joomla! Intern
Joomla! Intern
Posts: 75
Joined: Mon Aug 15, 2011 5:09 pm

Minimistorlek på logga i responsiv design

Post by SwedEdit » Tue Dec 17, 2013 6:02 pm

Hur gör jag för att en logga inte skall bli för liten i en responsiv mall?

När jag har webbläsaren i full skärmstorlek fyller loggan nästan hela mallsidan (storlek på logga ca 960px)
Förminskar jag sedan mallsidan så krymper loggan till en pyttebild i vänster hörn.

Använder img class="size-auto" för att bilden skall ändra storlek.

Finns det ngt bra sätt att lösa detta på?
Börjar förstå Joomla nu, men det dyker ju alltid upp nya frågor.

User avatar
Zello
Joomla! Virtuoso
Joomla! Virtuoso
Posts: 3869
Joined: Wed Jan 10, 2007 11:23 am
Location: Västerås - Sweden

Re: Minimistorlek på logga i responsiv design

Post by Zello » Tue Dec 17, 2013 6:15 pm

Använd inte automatisk skalning på loggan utan ladda olika loggor vid olika "skärmstorlekar".
Olle Zettergren
Freelance Senior Joomla developer
Moderator Swedish forum

SwedEdit
Joomla! Intern
Joomla! Intern
Posts: 75
Joined: Mon Aug 15, 2011 5:09 pm

Re: Minimistorlek på logga i responsiv design

Post by SwedEdit » Tue Dec 17, 2013 6:34 pm

Okey?

Låter krångligt, hur löser man det enklast?
Tar gärna emot tips!
Börjar förstå Joomla nu, men det dyker ju alltid upp nya frågor.

User avatar
Zello
Joomla! Virtuoso
Joomla! Virtuoso
Posts: 3869
Joined: Wed Jan 10, 2007 11:23 am
Location: Västerås - Sweden

Re: Minimistorlek på logga i responsiv design

Post by Zello » Tue Dec 17, 2013 7:16 pm

Lägg loggan som bakgrundsbild i en DIV med CSS'en
Sedan låter du ett antal mediaquery's byta laddad bild beroende på skärmstorleken

Code: Select all

@media (min-width: 768px) and (max-width: 979px) {
   .logga {
      background-image: xxxx
   }
}
Vad du använder för min/max värden minns massor om på nätet. Många olika idéer och tankar så klart ;)
Olle Zettergren
Freelance Senior Joomla developer
Moderator Swedish forum

SwedEdit
Joomla! Intern
Joomla! Intern
Posts: 75
Joined: Mon Aug 15, 2011 5:09 pm

Re: Minimistorlek på logga i responsiv design

Post by SwedEdit » Tue Dec 17, 2013 7:41 pm

Tack Zello, men tyvärr blev jag inte ett dugg klokare för det.

Som det är nu har jag lagt in loggan i en modul för "Egen html" och placerat i "Logo"-platsen på mitt template. Helt enligt instruktionen för mitt template.

Som så ofta förut kan jag konstatera att det som borde vara enkelt att fixa inte är det i Joomla.
Börjar förstå Joomla nu, men det dyker ju alltid upp nya frågor.


Locked

Return to “Mallar (templates) och design”