Mobilní verze na Wordpressu

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Zamčeno
Honza97
Level 2
Level 2
Příspěvky: 224
Registrován: 23 lis 2014 13:06

Mobilní verze na Wordpressu

Příspěvek od Honza97 »

Dobrý den,
potřeboval bych radu ohledně mobilní verze u Wordpressu. Protože se mi mobilní verze na Wordpressu nelíbila a ani správně nefungovala, předělal jsem tedy zobrazování na mobilech do PC verze, ale....

Jedná se o web: http://a-motor.cz

Potřeboval bych aby web zobrazený na mobilu vypadal stejně jako na počítači.
Když se podíváte na mobilu je tam rozhozené menu, pozadí a podobné věci (viz. příloha).

Potřeboval bych zobrazování na mobilu spravit aby to prostě vypadalo úplně stejně jako na počítači a nebyly tam tyto chyby.
Bohužel ale nevím kde začít.

Můžete mi prosím poradit?

Děkuji Honza97

--- Doplnění předchozího příspěvku (02 Bře 2015 20:05) ---

Ještě tedy pro jistotu přikládám, jak by měl web vypadat a jak vypadá na PC
Přílohy
PC verze
PC verze
Mobilní verze
Mobilní verze
OS: Windows 10 Home, 64 bit
ZD: GIGABYTE B250M-D3H - Intel B250
CPU: Intel Pentium G4560, 2x 3,5 GHz
RAM: DDR 4, 8 GB
GPU: MSI GeForce GTX 1050 Ti 4GT OC, 4GB GDDR5
Uživatelský avatar
cervcek
Level 5
Level 5
Příspěvky: 2245
Registrován: 19 led 2012 11:18
Bydliště: Vrchlabí

Re: Mobilní verze na Wordpressu

Příspěvek od cervcek »

Je to tím, že máš šablonu, která je "responzivní" tj. že se přizpůsobuje velikosti okna. Pro mobilní zařízení je to lepší z toho důvodu, že nemusíš zoomovat. Vyřešit to můžeš použitím jiné šablony, což nedoporučuji, pokud nechceš překopávat celej design. Druhá možnost je zásah do css stylu šablony.
Děkuju za vaše názory a rady. :thumbup:
Honza97
Level 2
Level 2
Příspěvky: 224
Registrován: 23 lis 2014 13:06

Re: Mobilní verze na Wordpressu

Příspěvek od Honza97 »

Jinou šablonu samozřejmě používat nechci. Co mám tedy přesně v CSS upravit?
OS: Windows 10 Home, 64 bit
ZD: GIGABYTE B250M-D3H - Intel B250
CPU: Intel Pentium G4560, 2x 3,5 GHz
RAM: DDR 4, 8 GB
GPU: MSI GeForce GTX 1050 Ti 4GT OC, 4GB GDDR5
Uživatelský avatar
cervcek
Level 5
Level 5
Příspěvky: 2245
Registrován: 19 led 2012 11:18
Bydliště: Vrchlabí

Re: Mobilní verze na Wordpressu

Příspěvek od cervcek »

Jakou šablonu používáš?
Děkuju za vaše názory a rady. :thumbup:
Honza97
Level 2
Level 2
Příspěvky: 224
Registrován: 23 lis 2014 13:06

Re: Mobilní verze na Wordpressu

Příspěvek od Honza97 »

Architecture se jmenuje ...
OS: Windows 10 Home, 64 bit
ZD: GIGABYTE B250M-D3H - Intel B250
CPU: Intel Pentium G4560, 2x 3,5 GHz
RAM: DDR 4, 8 GB
GPU: MSI GeForce GTX 1050 Ti 4GT OC, 4GB GDDR5
Levin
Level 1.5
Level 1.5
Příspěvky: 139
Registrován: 13 led 2015 20:41
Bydliště: Praha

Re: Mobilní verze na Wordpressu

Příspěvek od Levin »

Ještě bych vyřešil jak záložky Novinky, Team, Kalendář atd. Při najetí myši se nezobrazí celý rámeček šedě a dole zůstane zelená. Nevypadá to ani hezky, ty písmena jsou poposunuté o trochu víc nahoru než by měly.
Procesor: Intel i7 6700K 4.0GHz
Deska: ASROCK Z170 EXTREME4
Chladič: NOCTUA NH-U12S
RAM: Corsair 16GB KIT DDR4 2400MHz CL14 Vengeance LPX
Disk: Intel 535 240GB SSD
Zdroj: EVGA SuperNOVA 550 G3
Skříň: Fractal Design Define R4 Arctic White - Window
Uživatelský avatar
LuCaCZ
Level 3.5
Level 3.5
Příspěvky: 929
Registrován: 21 bře 2011 00:02

Re: Mobilní verze na Wordpressu

Příspěvek od LuCaCZ »

ve style.css máš část jak se mají stránky zobrazovat v určitým rozlišení, tak to co je označený jako TABLET a MOBILE bys mohl teoreticky smazat. Vše od
/* -==========================- TABLET -==========================- */

a upravit část /* -==========================- DESKTOP -==========================- */
@media only screen and (min-width:1024px) {

červeně smazat
Honza97
Level 2
Level 2
Příspěvky: 224
Registrován: 23 lis 2014 13:06

Re: Mobilní verze na Wordpressu

Příspěvek od Honza97 »

To vše jsem provedl, ale bohužel beze změny :(
To co říká Levin je také pravda, ale nejdříve bych rád vyřešil tento problém :)
OS: Windows 10 Home, 64 bit
ZD: GIGABYTE B250M-D3H - Intel B250
CPU: Intel Pentium G4560, 2x 3,5 GHz
RAM: DDR 4, 8 GB
GPU: MSI GeForce GTX 1050 Ti 4GT OC, 4GB GDDR5
Zamčeno
  • Podobná témata
    Odpovědi
    Zobrazení
    Poslední příspěvek

Zpět na „Programování a tvorba webu“