Vypnutí photogallery na určité stránce mobilního zobrazení

WordPress PoradnaKategorie dotazu: OstatníVypnutí photogallery na určité stránce mobilního zobrazení
Karel zeptal se před 3 roky

Zdravím,
potřeboval bych pouze na hlavní stránce (pouze pro mobilní zobrazení) skrýt photogallery (plugin na fotogalerie). Zkoušel jsem plugin „Plugin Load Filter“, ale ten zanechá na mobilní verzi kód.

9 Odpovědi
Ferda odpověděl před 3 roky

Princip viz https://www.w3schools.com/css/tryit.asp?filename=trycss3_media_queries1 nebo sem vlož URL stránky o kterou se jedná a já zde zveřejním konkrétní zápis (kód). Žádný plugin není potřeba, čím méně pluginů, tím lépe!

Karel odpověděl před 3 roky

Jedná se o tento web: http://tomservice.eu

Ferda odpověděl před 3 roky

Já to asi špatně pochopil. Jde o to skrýt odkaz na galerii v menu? Pokud ano, tak jedno z možných řešení je skrytí té položky stylem (pro úvodní stránku). Uvedený web je nyní nefunkční (Error establishing a database connection). Až to naběhne, napíšu.

Karel odpověděl před 3 roky

Web už by měl fungovat.

Ferda odpověděl před 3 roky

Do stylu (CSS) přidej:
@media screen and (max-width: 320px) {
.page-id-192 #menu-item-51 {
display : none;
}
}

Alternativní řešení (modul) viz např. https://wpfixit.com/how-to-hide-wordpress-menu-items/

Ferda odpověděl před 3 roky

Malá oprava:
@media screen and (max-width: 320px) {
.page-id-192 .menu-item-51 {
display : none !important;
}
}

Karel odpověděl před 3 roky

Děkuji za pomoc. Bohužel jsem kód zkoušel, ale žádná změna se neprojevila. Skutečně se jedná o danou fotogalerii? Pro jistotu zde posílám screen, aby bylo jasné, jakou fotogalerii myslím (červený rámeček). https://ctrlv.cz/t0Ee

Děkuji

Ferda odpověděl před 3 roky

Jo tak, jde o ten slider. Pak tedy:

@media screen and (max-width: 320px) {
#bwg_container1_0 {
display: none;
}
}

shibi odpověděl před 3 roky

Put it in a div with a class and hide this one:

.gallery-container {
display: block;
}
https://www.yarddiant.com/wordpress-development/
@media screen and (max-width: 600px) {
.gallery-container {
display: none;
}
}

For More details :

Vaše odpověď

20 + 6 =

Tomáš Cirkl

Tomáš Cirkl

WordPress specialista

Blog WPlama.cz píši už více než 5 let. O WordPress přednáším a pořádám školení. Pro své klienty vytvářím a spravuji webové stránky.