Úvodní stránka › Fórum podpory WordPressu › Problémy s WordPressem › Zobrazení v mobilním telefonu
Štítky: media queris, pevná šířka, style.css
Zvolené téma obsahuje celkem 11 odpovědí. Do diskuze (2 účastníci) se naposledy zapojil uživatel Petr S a poslední změna je stará 12 let, 8 měsíců.
-
AutorPříspěvky
-
5. února 2014 (12:23) #6445
Dobrý den,
prosím o radu, potřebuji, aby se web v mobilních zařízeních zobrazoval stejně jako na PC.
Jakým způsobem to řešit.
Předem děkuji
Petr
5. února 2014 (14:09) #175765. února 2014 (18:49) #17577Dobrý večer,
webů mám více, například: http://www.autopujcovny-praha.cz(zatím není dokončený); http://www.autocentrum-dobrejovice.cz; http://www.chevrolet-vrakoviste.cz
Díky za radu
5. února 2014 (21:17) #17578Problém je ve vašem případě opravdu v šabloně. Zkuste do souboru
style.css, který se nachází v adresáři šablony přidat toto:body {
min-width: 980px; //Upravte podle toho, do jaké šířky Vám to bude sedět.
}
6. února 2014 (8:21) #17579Díky,
je jedno kam to přidám nebo musím na určité místo v style.css? Děkuji
6. února 2014 (8:24) #17580Teď jsem ještě objevil, že v style.css u webu autocentrum dobřejovice.cz je:
/********************************************************************************************************************/
/****************************************** MEDIA QUERIES ***********************************************************/
/********************************************************************************************************************/
/*==================================== TABLETS ===================================================*/
@media (max-width: 767px) {
.container-full {
width: 100%;
margin-left: -20px;
padding-right: 20px;
padding-left: 20px;
}
body {
padding-left: 0px;
padding-right: 0px;
}
.container-full-width .container {
margin: 0px 20px;
}
}
/*==================================== PHONES ====================================================*/
@media (max-width: 480px) {
header#cc-header .span7 {
text-align: center;
}
header#cc-header .span5 {
text-align: center;
}
header#cc-header .span5 div.icons a {
float: none;
}
header#cc-header .span5 div.blog-description {
float: none;
}
header#cc-header .span5 div.register {
float: none;
}
header#cc-header .span5 #searchform {
float: none;
}
.container-full .top-head-social .icons {
margin-bottom: 10px;
}
.container-full-width .container {
margin: 0px 10px;
}
}
Nedá se to upravit zde?
6. února 2014 (8:50) #17581Je docela jedno kam to dáte. U toho webu, kde máte napsáno to media queries, budete muset upravit celý
style.css, ale šablona je responzivní, takže bych tam nic neměnil.6. února 2014 (8:56) #17582Vyzkouším.
Když je tedy responzivní, proč se v mobilních zařízeních zobrazuje jinak než v PC?
Díky
6. února 2014 (9:18) #17583Právě proto, že je responzivní :) To, že se zobrazuje jinak na mobilních zařízeních, je naopak velká přednost.
6. února 2014 (12:49) #17584teoreticky :-)), kdybych chtěl, aby se zobrazovalo stejně, jde to nějak ošetřit? :-))
6. února 2014 (13:03) #17585Musíte upravit ten soubor
style.css. Mělo by stačit odebrat tu část, za poznámkou Media Queries, ale neručím za to, že se něco nerozbije. A pak samozřejmě vložit ten můj kód.6. února 2014 (18:07) #17586Hmm :-)) asi docela riskantní krok, budu se muset odhodlat :-)) Díky, hezký večer
-
AutorPříspěvky
Pokud chcete odpovědět na toto téma, musíte se nejdříve přihlásit.