THELIA Forum

Welcome to the THELIA support and discusssion forum

Announcement

Rejoignez la communauté sur le Discord Thelia : https://discord.gg/YgwpYEE3y3

Offline

#1 affichage MOBILE : déplacer le menu

(26-03-2020 09:27:50)

Bonjour, j'essaye sans succès de comprendre la différence d'architecture entre la version mobile et la version desktop du template par défaut.

EN version Desktop
    on a en haut les blocs recherche, login ...
    en dessous la banniere
    puis le menu
    puis le contenu principal,

si on se déplace dans un rayon le menu apparait également sur le côté gauche de l'écran (RUBRIQUES)

EN MODE MOBILE
idem pour le début par contre lorsqu'on se rend dans une rubrique, les articles apparaissent en haut et le menu secondaire (RUBRIQUES) apparait en bas,

J'aimerais pour simplifier la navigation que ce menu (RUBRIQUE) apparait avant les articles;

pouvez vous m'aider ? merci d'avance

Offline

#2 Re: affichage MOBILE : déplacer le menu

(26-03-2020 09:56:09)

Utilises-tu le template "default" de Thelia ?

Offline

#3 Re: affichage MOBILE : déplacer le menu

(26-03-2020 10:42:54)

Oui c'est bien ca merci

Offline

#4 Re: affichage MOBILE : déplacer le menu

(26-03-2020 11:31:01)

La solution est à chercher dans les balise de la page category.html du template.

il faut déplacer les lignes suivantes (vers la lligne 159 du fichier)

        <aside class="col-left col-md-3 col-md-pull-9" role="complementary" itemscope itemtype="http://schema.org/WPSideBar">
            {include file="includes/menu.html"}
        </aside>

vers le début du fichier (vers la ligne 59), avant cette ligne

<article class="col-main col-md-9 col-md-push-3 {$smarty.get.mode|default:"grid"}" role="main">

Ensuite modifier la ligne

        <aside class="col-left col-md-3 col-md-pull-9" role="complementary" itemscope itemtype="http://schema.org/WPSideBar">

en

        <aside class="col-left col-md-3" role="complementary" itemscope itemtype="http://schema.org/WPSideBar">

et la ligne

<article class="col-main col-md-9 col-md-push-3 {$smarty.get.mode|default:"grid"}" role="main">

en 

<article class="col-main col-md-9 {$smarty.get.mode|default:"grid"}" role="main">

J'espère que c'est assez clair ;-) N'hésite pas à consulter la documentation Bootstrap pour plus d'infos.

Offline

#5 Re: affichage MOBILE : déplacer le menu

(26-03-2020 18:06:17)

merci pour ton aide je teste tout ca smile
Par hasard tu n'aurais pas d'idée pour le menu burger, en mobile comme tu ne survoles pas tu es obligé de cliquer sur les rubriques de ce fait impossible d'atteindre les sous rubriques ?