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.

Question on Off-Canvas menu!

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

Hello Friends,
Once again, I have a question! :)
How can I change the color from off-canvas menu (Mobile Phone) and change
it stops the scroll down always on top! (see screenshot)



canvasmenu.gif



Thanks in advance

Many Greetings :)

Sakari
  • sakari's Avatar
  • sakari
  • LIfetime Developer - Big Bamboo
  • 81 posts
  • Karma: 0
The administrator has disabled public write access.
Just checking but we were are looking at the background colour and not the icon?

With the positioning are you wanting the off canvas menu to not be off canvas? - I'm not sure what you mean with this bit

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

when desktop or tablet the menu will be visible when scrolling down on the phone but not, you always have to scroll up to get back to see the menu!
This is really awkward!
And the color change to make it more visible, because running in the background and bright images as you can see the white menu not always good!

:)
  • sakari's Avatar
  • sakari
  • LIfetime Developer - Big Bamboo
  • 81 posts
  • Karma: 0
The administrator has disabled public write access.
With this code, the color is changed, but the change can be seen, unfortunately, only on the desktop, not on the phone!
.btn.off-canvas-trigger {
    color: #FF000;
}
  • sakari's Avatar
  • sakari
  • LIfetime Developer - Big Bamboo
  • 81 posts
  • Karma: 0
The administrator has disabled public write access.
So we are talking about the back to top or the sticky implementation?

With the colours are we referring to the demo site?
or your site?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
No I mean only the Off-Canvas menu button at the top right!

At the demo site, because there you can access! (see Ticket-Nr.: U8A9DDCR0W)


Sorry for my bad english, maybe I understand wrong question! :blush:
  • sakari's Avatar
  • sakari
  • LIfetime Developer - Big Bamboo
  • 81 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

Can I just check - that style looks like the right one to target

.btn.off-canvas-trigger {color: red;} is what I tried

Is it not displaying on phone widths or is not changing on a mobile?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
On the desktop, it works, but not on the phone! (iPhone 6 - Safari)
  • sakari's Avatar
  • sakari
  • LIfetime Developer - Big Bamboo
  • 81 posts
  • Karma: 0
The administrator has disabled public write access.
Is it possible to attach a screenshot of the phone view?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Sure, of course! :)

mobil.jpg
  • sakari's Avatar
  • sakari
  • LIfetime Developer - Big Bamboo
  • 81 posts
  • Karma: 0
The administrator has disabled public write access.
hmm a problem as I don't have that phone

Could you re-open the ticket or create a new one

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
In the same open ticket (U8A9DDCR0W), this problem set to! :)
  • sakari's Avatar
  • sakari
  • LIfetime Developer - Big Bamboo
  • 81 posts
  • Karma: 0
Last Edit: 8 years 10 months ago by sakari.
The administrator has disabled public write access.
Thanks
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi there,

The fixed position menu is disabled on small screens. It's somewhat problematic to add fixed positioned elements and so we disable them across all of our themes.

Thanks
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Where can I get the fixed position menu disabled on small screens?

Thanks in advance :)
  • sakari's Avatar
  • sakari
  • LIfetime Developer - Big Bamboo
  • 81 posts
  • Karma: 0
The administrator has disabled public write access.
It should be disabled by default is that not the case?

Is this the same phone/device?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
It should be disabled by default is that not the case?

Where is it exactly?

Is this the same phone/device?

Yes, the same phone!
  • sakari's Avatar
  • sakari
  • LIfetime Developer - Big Bamboo
  • 81 posts
  • Karma: 0
Last Edit: 8 years 10 months ago by sakari.
The administrator has disabled public write access.
Bit hamstrung here as I don't have access to the device - there isn't a setting in the template - the code in the template should automatically ensure it doesn't stick

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
It is not "off-canvas"!
Seeking the Mobile menu and not "off-canvas"!
That's why this color change does not appear in the iPhone!
I've only noticed after I "Off-Canvas" positions have disabled all!
Where can I find the Mobile Menu color in css?

:)
  • sakari's Avatar
  • sakari
  • LIfetime Developer - Big Bamboo
  • 81 posts
  • Karma: 0
The administrator has disabled public write access.
And here to change the solution to the color and to fix the Mobile Menu!

:) :) :)


.mean-container .mean-bar {
    position: fixed;
}

.mean-container a.meanmenu-reveal {
    position: fixed;
}

.mean-container a.meanmenu-reveal span {
    background: #FF0000 none repeat scroll 0% 0%;
}
  • sakari's Avatar
  • sakari
  • LIfetime Developer - Big Bamboo
  • 81 posts
  • Karma: 0
The administrator has disabled public write access.

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

Happy Campers