#1 2014-10-06 17:23:47

Registered: 2014-08-21
Posts: 8 top bar menu problem

Hello Dears,

I try to fix a bug - I guess - in your version using your online demo but I'm quiet sure it's not the last version...

Problem is that the top bar (title + menu + languages) disappears on Mobile display size (also test on a iPhone...).

If I check your online demo - the "header" part - I can see differences f.ex. in class...

Could you please help me to "debug" that ?

Thank you in advance !


#2 2014-10-13 11:00:46

Registered: 2014-08-21
Posts: 8

Re: top bar menu problem

I have found how to have the top-bar title !

In > views > on your page "header.php"
You have a line
<nav data-topbar="" class="top-bar hide-for-small">
Change this to
<nav data-topbar="" class="top-bar">

Then you will have the title line on Mobile !

But I still don't have the menu :-(
Any idea ?


#3 2014-10-18 10:00:45

Ionize Core Team
From: Paris, France
Registered: 2010-03-22
Posts: 927

Re: top bar menu problem

Hello Roseline,

Your problem looks linked to the frontend theme you're using, this seems not directly linked to ionize.

Have a look on how your topbar react when the screen becomes smaller.

One suggestion is to display your menu outside any HTML tags of your design, to confirm it is still displaying and then go deeper in the HTML / JS analyse.

Inspiration & Innovation : Websites by Partikule, Agence Web Paris


#4 2014-10-20 17:25:04

Registered: 2014-08-21
Posts: 8

Re: top bar menu problem

Hi Michel-Ange,

Thank you for your feedback !

I try this and I'm quiet sure yet that's a problem with foundation CSS ;-)
So I will check it and give you news asp.....


What's Ionize ?

Ionize is an Open Source Content Management System created by webdesigners for webdesigners.

Created and maintained by Partikule and Toopixel, Ionize wants to be the easiest and most powerful CMS.

Can I help ?

Because talent is nothing without involvement, we are looking for motivated coders and webdesigners to join the project team.


Website : ionizecms.com
Documentation : doc.ionizecms.com

Development : Ionize on GitHub
Translations : Ionize Translations