Mobile menu styling

Hi

Thanks for the link. That is a good video. The part I was interested in was right at the end.

However it’s not working.

I have tried all the settings in ;
Navigation Block > Settings tab (cog icon) > GreenShift Extra Settings

Colors and padding controls under GreenShift Extra Settings do not have any noticeable effect on my mobile menu, they do effect the desktop menu. Additional Templates for mobile do not appear on the mobile menu.
Greenshift Theme Version: 1.3.7
GreenShift – Animation and Page Builder Blocks Version: 6.6.4

• This reply was modified 2 years, 5 months ago by deanes.

My steps for trying to get an image on the mobile menu using Greenshift Theme v1.3.7 and Greenshift Plugin v6.7.7
From WP main menu I select ‘Reusable templates’.
On that page I just add a Greenshift Image block and insert an image (I have also tested with native WP Gutenberg text block).
Saved and Published as “Mobile-Menu-Image”.
Now I go to Appearance > Editor…go through to select the Front Page Header.
In the Header select the Navigation Block.
In the Navigation Block panel on the right side click the Cog Icon and scroll down to ;
“MOBILE MENU TOP AREA TEMPLATE”
in the drop down I select “Mobile-Menu-Image”
Now I ‘Update’.
I go to my mobile device/mobile view in Browser Developer Tools and I don’t see any image on the Menu which is displayed when I press the ‘Hamburger Menu’
I have also tried the option;
“MOBILE MENU BOTTOM AREA TEMPLATE” in the Navigation Block Settings
Again no image is shown.

Please advise.

Screenshots are here;
Reusable Template
https://postimg.cc/hXp4QH51

Navigation Settings
https://postimg.cc/cvs4HsXJ

Mobile Menu (no image)
https://postimg.cc/F1LKCCYh