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.

Move responsive menu

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

Hi - I'm using New Lifestyle. I have 2 questions regarding menus.

On a mobile device the menu icon is on the left and sits left of the logo. How can i move this to the far right?

Also, on my desktop when i shrink the window small enough the main menu becomes an icon as if i were on a mobile device. Can I dictate at what size that happens? If so where do i do that?
  • nycps's Avatar
  • nycps
  • LIfetime Developer - Big Bamboo
  • 193 posts
  • 2 Thanks
  • Karma: 0
The administrator has disabled public write access.
Hi

The second part first - in theme magic there is the navbar collapse width value - this is the value you need to change
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Looking at it not sure moving the navigation will be easy to do on mobile width only
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thanks Paul, I thought I saw it somewhere but couldn't remember where and then couldn't find it.

With regards to #1 I meant on all devices not just smart phones. But in the mean time I changed this and it seems to work.

#navwrap button.btn-navbar {
float: right !important;

Is that ok?
  • nycps's Avatar
  • nycps
  • LIfetime Developer - Big Bamboo
  • 193 posts
  • 2 Thanks
  • Karma: 0
Last Edit: 9 years 10 months ago by nycps.
The administrator has disabled public write access.
Also, on your main site (joomlabamboo.com) there is a menu icon and the word menu next it. How can I add the word "menu" next to icon?
  • nycps's Avatar
  • nycps
  • LIfetime Developer - Big Bamboo
  • 193 posts
  • 2 Thanks
  • Karma: 0
The administrator has disabled public write access.
Try adding

.icon-list-ul:after {
content: " Menu";
}

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
that worked Paul. Thank you.
  • nycps's Avatar
  • nycps
  • LIfetime Developer - Big Bamboo
  • 193 posts
  • 2 Thanks
  • Karma: 0
Last Edit: 9 years 10 months ago by nycps.
The administrator has disabled public write access.
No problem

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