Page 1 of 1

Is it possible to change the "Burger-icon" in the skin "material_index"?

Posted: Fri Sep 01, 2023 11:02 am
by trw
Hi there.

I have to change the "main nmenu button" my version of the "material_index"-skin.
(because I need the "burger"-icon for a main-website-menu in my project)

I've already tried everything possible in the skin settings, searched, tried, etc.

I can also rotate, scale, move the "burger" ... and change the 3 icons shown in the screenshot.

But I can't find anywhere to change the "white burger icon" myself!
(I would like to replace it with a white "Panorama Icon" in SVG format.)

Is there any way to do this?
I would be really grateful for your help (and a solution) ...
I'm probably just being stupid again or I can't see the forest for the trees (a German idiom). ;-)
button_change.jpg
button_change.jpg (486.67 KiB) Viewed 12359 times

Re: Is it possible to change the "Burger-icon" in the skin "material_index"?

Posted: Sat Sep 02, 2023 3:16 am
by Tony
Hi,

The issue you are running into is that there are Lottie Animations, "menu_open_anim" and "menu_close_anim" as parent elements to the child elements "menu_toggle_on_active" and "menu_toggle_off_active" respectively.

mobile_17.png
mobile_17.png (58.24 KiB) Viewed 12346 times

I think the easiest way is just to create a new container in "menu_toggle_bg" and call is say "menu_toggle_new". Then add svg icons with auto rollover for the hamburger and X icons and then either delete the "menu_open_anim" or hide it.

mobile_18.png
mobile_18.png (909.71 KiB) Viewed 12346 times
mobile_20.png
mobile_20.png (138.51 KiB) Viewed 12346 times

You can see a working version here: https://p2vr.s3.ap-southeast-2.amazonaw ... index.html

I've attached the skin.

Note: as with many things in Pano2VR there are different ways to achieve a satisfactory outcome, this is just one way.

Cheers,

Tony