Jak dosáhnout toho, aby se sidebar zobrazoval nad obsahem na mobilu?

Úvodní stránka › Fórum podpory WordPressu › Šablony, CSS (zobrazení webu) › Jak dosáhnout toho, aby se sidebar zobrazoval nad obsahem na mobilu?

Zvolené téma obsahuje celkem 1 odpověď. Do diskuze (1 účastník) se naposledy zapojil uživatel  Marek Cepelak a poslední změna je stará 10 let, 2 měsíce.

Aktuálně jsou na stránce zobrazeny 2 příspěvky - 1. až 2. (z celkem 2)
  • Autor
    Příspěvky
  • #28316

    Marek Cepelak
    Participant

    Dobrý den,

    Mám web, který jede na WordPressu, a chtěl bych se zeptat na následující:

    Nejdříve jako malý úvod: Vlevo mám na stránce samotný obsah (“content”), vpravo od toho “sidebar”, nad tím vším menu o asi čtyřech položkách a pod tím vším samotný footer. To je všechno v pořádku, bohužel pokud na stránku najedu na mobilním telefonu nebo tabletu, stránka se zobrazí poněkud jinak. Je to z toho důvodu, že se zmenší šířka zobrazované stránky a proto již není možné zobrazit vedle sebe “content” a “sidebar”, ale “sidebar” se v takovém případě posune pod “content”.

    Na mobilu se tedy stránka zobrazuje odshora dolů v tomto pořadí: Menu, content, sidebar, zápatí (footer).

    Já bych ale chtěl, aby se stránka v takovém případě zobrazovala v tomto pořadí:
    Menu, sidebar, content, zápatí (footer),

    tedy, aby se sidebar zobrazoval nad obsahem.

    Jak je toho možné dosáhnout?

    Snažil jsem se si k této tématice přečíst nějaké stránky v angličtině, podle těchto návodů jsem měl provést editaci souboru style.css, na jehož konec jsem měl vložit několik řádek kódu. Kód však byl určen jen pro uživatele jedné konkrétní WordPress šablony (theme), a já ho tedy použít nemohl.

    Zde je odkaz na onen článek v angličtině:

    https://www.wphub.com/creating-responsive-wordpress-themes/

    Díky moc za jakoukoliv pomoc.

    #28317

    Marek Cepelak
    Participant

    Dobrý den,

    vím, že je Váš příspěvek už poněkud starší, ale snad je ještě alespoň trochu aktuální v tom smyslu, že je možné se Vás zeptat na něco ohledně editace kódu WordPressu.

    Mám web, který jede na WordPressu, a chtěl bych se zeptat na následující:

    Nejdříve jako malý úvod: Vlevo mám na stránce samotný obsah (“content”), vpravo od toho “sidebar”, nad tím vším menu o asi čtyřech položkách a pod tím vším samotný footer. To je všechno v pořádku, bohužel pokud na stránku najedu na mobilním telefonu nebo tabletu, stránka se zobrazí poněkud jinak. Je to z toho důvodu, že se zmenší šířka zobrazované stránky a proto již není možné zobrazit vedle sebe “content” a “sidebar”, ale “sidebar” se v takovém případě posune pod “content”.

    Na mobilu se tedy stránka zobrazuje odshora dolů v tomto pořadí: Menu, content, sidebar, zápatí (footer).

    Já bych ale chtěl, aby se stránka v takovém případě zobrazovala v tomto pořadí:
    Menu, sidebar, content, zápatí (footer),

    tedy, aby se sidebar zobrazoval nad obsahem.

    Jak je toho možné dosáhnout?

    Snažil jsem se si k této tématice přečíst nějaké stránky v angličtině, podle těchto návodů jsem měl provést editaci souboru style.css, na jehož konec jsem měl vložit několik řádek kódu. Kód však byl určen jen pro uživatele jedné konkrétní WordPress šablony (theme), a já ho tedy použít nemohl.

    Zde je odkaz na onen článek v angličtině:

    https://www.wphub.com/creating-responsive-wordpress-themes/

    Díky moc za jakoukoliv pomoc.

Aktuálně jsou na stránce zobrazeny 2 příspěvky - 1. až 2. (z celkem 2)

Pokud chcete odpovědět na toto téma, musíte se nejdříve přihlásit.

WordPress – novinky, návody a zajímavosti