Topic-icon Position sidebar au dessus de mainboby ?

Plus d'informations
09 Juil 2013 10:26 #5862 par sevsev
Message
Bonjour,

J'utilise le framework Gantry pour développer mon site "responsive". Je suis confrontée à un problème que je tente de résoudre depuis plusieurs jours en vain.

J'ai 2 menus :
- un menu horizontal positionné en "header-a" qui fait la largeur de mon site
- un menu accordeon vertical positionné en "sidebar-a" qui fait toute la hauteur de mon site (j'utilise le module "Menu Accordeon CK")

Jusque là tout est ok.
En revanche, lorsque je diminue la largeur de ma page ou lorsque je visualise mon site sur tablette ou smartphone, le menu en "sidebar-a" se positionne sous "content top", "Mainbody" et "Content Bottom". Je souhaite que se menu vertical se positionne au dessus !

Je vous remercie par avance pour votre aide.

Vous devez vous connecter Connexion pour prendre part à la conversation.

Plus d'informations
09 Juil 2013 23:27 #5872 par C-Jay
Réponse
Bonjour sevsev et bienvenue :-),

A moins de modifier le code Gantry, tu ne pourras rien y faire car il a été pensé comme ça.

Sinon, la solution que tu as pour feinter, c'est d'afficher 2 menus, un en sidebar-a pour la vue desktop et un par exemple en utility-a pour la vue mobile.
Tu joues après sur les classes du framework type hidden-phone pour cacher le menu sur la vue que tu veux.

Tu as le détail des classes dans cet article : L'intégration du Responsive Design dans les templates

A la recherche d'un hébergement / hébergeur Joomla spécialisé, performant et sécurisé ? Choisissez SiteGround (Nouvelles offres : -50% sur leur offre Start Up !)
Découvrez le guide Réussir son entreprise sur Internet grâce à Joomla
Découvrez le le centre de formation NosyWeb

Vous devez vous connecter Connexion pour prendre part à la conversation.

Plus d'informations
11 Juil 2013 19:37 #5877 par sevsev
Réponse
Bonjour C Jay

merci pour ton message :)
Je vais prendre le temps de lire l'article ce week end !! Si j'ai une question je reviens vers toi ;)

encore merci

Vous devez vous connecter Connexion pour prendre part à la conversation.

Modérateurs: C-Jay
Temps de génération de la page : 0.216 secondes
Contact

Scoop.It de NosyWeb

Twitter de NosyWeb

YouTube de NosyWeb

Facebook de NosyWeb

Google+ de NosyWeb

Flux RSS de NosyWeb

Inscription newsletter de NosyWeb