Kérdés Reszponzív beállítás Gantry 5 keretrendszernél

Több
2017 márc. 08 09:41 #1 Írta: bgabor
bgabor létrehozta a témát: Reszponzív beállítás Gantry 5 keretrendszernél
Sziasztok!

Készítettem egy weblapot (Joomla 3.6.5, Gantry 5) és a reszponzív megjelenéssel van gondom. A Navigation részbe tettem bele építőelemeket, az oldal tetején lévő szürke sáv felirattal, social eléréssel, allattuk pedig egy logo részt és a menüt. Ezeknek CSS osztályt is hoztam létre a custom.scss-ben.

A gondom, hogy különböző felbontásnál elcsúsznak az elemek. 1680x1050-es felbontásnál jó az elrendezés, de az ennél kisebbnél már eltolódás van. Mellékeltem néhány képet, hogy jobban lássátok. Merre kellene elindulnom, hogy pl. a menü normálisan nézzen ki különböző eszközökön. Az oldal elérhető a work.webszigno.hu/ címen.

Köszönöm a segítséget.

Gábor
Mellékletek:

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2017 márc. 08 10:01 #2 Írta: Balázs
Balázs válaszolt a témára: Reszponzív beállítás Gantry 5 keretrendszernél
Reszponzív dizájnnál az lényeg, hogy megadod, hogy egy adott CSS osztály hogy hogyan viselkedjen egy bizonyos intervalumban, vagy alatta, vagy fölötte.
Pl. 1200 px-ig jó, akkor definiálsz egy konténert 960 px és 1199 px között és itt például kisebb betűméretet definiálsz a menünek, hogy kiférjen a kisebb területen. Én egyébként magát a logót is balrább húznám, hogy több legyen a hely.

Példák a használható intervallum méretekre:
/* Smartphones */
@media (max-width: 480px) { ... }
 
/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) { ... }
 
/* Tablets */
@media (min-width: 768px) and (max-width: 959px) { ... }
 
/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) { ... }
 
/* Large Display */
@media (min-width: 1200px) { ... }

Ha bizalmas információt szeretnél közölni az adminokkal, akkor tedd az üzeneted tartalmát a [ confidential ][ /confidential ] címkék közé (szóközök nélkül).

Joomla! tanácsadás, oktatás, fejlesztés - joomlabs.hu
A következő felhasználók mondtak köszönetet: bgabor

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2017 márc. 08 12:12 - 2017 márc. 09 08:23 #3 Írta: jemie
jemie válaszolt a témára: Reszponzív beállítás Gantry 5 keretrendszernél
Én egyébként a footer részt is módosítanám erről:
repeat scroll 0 0;

erre:
no-repeat;

Nem kell megköszönni a hozzászólásomat ha úgy gondolod,hogy másnak nem akarsz segíteni.
Utolsó szerkesztés: 2017 márc. 09 08:23 Írta: jemie.
A következő felhasználók mondtak köszönetet: bgabor

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2017 márc. 08 13:22 #4 Írta: bgabor
bgabor válaszolt a témára: Reszponzív beállítás Gantry 5 keretrendszernél
Köszönöm szépen, elkezdtem a megvalósítást, egyelőre localhoston.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2017 márc. 16 15:15 #5 Írta: bgabor
bgabor válaszolt a témára: Reszponzív beállítás Gantry 5 keretrendszernél
Köszönöm, átírtam a tanácsod szerint.

Jelentkezz be, hogy te is részt vehess beszélgetésben!