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á 7 let, 7 měsíců.

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