Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Adding the Word Menu to the Responsive Template

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Good Day Paul:

I am attaching a screen shot showing the menu bar in the responsive (phone) configuration. It is an icon with 3 bars... Is it possible to ADD the work 'Menu' beside this? It would be easier for some of the older people to figure out.

Tony
Attachments:
  • Tony Shaw's Avatar
  • Tony Shaw
  • LIfetime Developer - Big Bamboo
  • 1908 posts
  • 9 Thanks
  • Karma: 13
The administrator has disabled public write access.
Hi Tony,

Are you using buildr or a different responsive version?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul
I am using MaxBiz2 and it is T3 supported.
Tony
  • Tony Shaw's Avatar
  • Tony Shaw
  • LIfetime Developer - Big Bamboo
  • 1908 posts
  • 9 Thanks
  • Karma: 13
The administrator has disabled public write access.
Hi Tony,

Try adding

#navwrap button:after {
content:"Menu";
}

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul
Do I add that to custom.css?
To y
  • Tony Shaw's Avatar
  • Tony Shaw
  • LIfetime Developer - Big Bamboo
  • 1908 posts
  • 9 Thanks
  • Karma: 13
The administrator has disabled public write access.
yep

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: Tony Shaw
WOW!
Thanks Paul...

Tony
  • Tony Shaw's Avatar
  • Tony Shaw
  • LIfetime Developer - Big Bamboo
  • 1908 posts
  • 9 Thanks
  • Karma: 13
The administrator has disabled public write access.
You're welcome

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul:
I accidentally removed the MENU words to my site on this. I have tried to replicate the issue but no luck.

Here is the code for the custom.css that I messed up. There is an error in here somewhere... near the MENU issue... Please advise.

}
#headerwrap .zen-container {
background: #fafafa none repeat scroll 0 0;
border-bottom: medium none;
padding: 7px 0;
}
.zen-container {
background: #fff none repeat scroll 0 0;
margin: 0 auto;
max-width: 960px;
padding: 0 0 5px 4%;
width: 100%;
}
#logowrap .zen-module-body {
background: #fff none repeat scroll 0 0;
border-radius: 6px;
padding: 4px;

@media (max-width: 821px) {
.navbar .btn-navbar {
display: block;
}
#navwrap button:after {
content:"Menu";
}

Tony
  • Tony Shaw's Avatar
  • Tony Shaw
  • LIfetime Developer - Big Bamboo
  • 1908 posts
  • 9 Thanks
  • Karma: 13
The administrator has disabled public write access.
Hi Tony,

There is a missing close bracket after

#logowrap .zen-module-body {
background: #fff none repeat scroll 0 0;
border-radius: 6px;
padding: 4px;

missing bracket here <<<<<<<

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
So simple eh? Paul....
Tony
Attachments:
  • Tony Shaw's Avatar
  • Tony Shaw
  • LIfetime Developer - Big Bamboo
  • 1908 posts
  • 9 Thanks
  • Karma: 13
The administrator has disabled public write access.
Yep

You get a cascading error so nothing works from the error down

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul:
Why does it not work on this site:

pickardconstruction.ca/

I used the template manager for this effect.
See screen shot:

Cheers
Tony

I do prefer the previous solution.
Attachments:
  • Tony Shaw's Avatar
  • Tony Shaw
  • LIfetime Developer - Big Bamboo
  • 1908 posts
  • 9 Thanks
  • Karma: 13
The administrator has disabled public write access.
Hi Tony,

The button has a width so the text is forced down below the button as its too narrow
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Try

@media screen and (max-width: 940px) {
.responsive-enabled #menu .off-canvas-trigger {width: 100px;}
}

Cheers
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Paul: Do I remove the setting in the template that I already set?
That setting in the Menu Options for the template?
Tony
  • Tony Shaw's Avatar
  • Tony Shaw
  • LIfetime Developer - Big Bamboo
  • 1908 posts
  • 9 Thanks
  • Karma: 13
The administrator has disabled public write access.
No just add the css to the custom.css file and see how it looks
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
However, you may want to add a space before the word menu in the template settings

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers