Mobile menu color bug

Resolved SiteBolts
(@sitebolts)

1 year, 3 months ago
Screenshot: https://i.imgur.com/lu4T3Y0.png

Hi there, we’re having trouble finding a place to change the color of the text in our Happy Addons mobile “Nav Menu”.

We see a “Color” setting under “Main Menu”, but it appears to only change the color of the desktop menu while leaving the mobile menu’s text color unaffected.

The cause appears to be that you’re correctly applying the color value to this selector:
```
.ha-navigation-menu-wrapper ul.menu > li > a
```
But forgetting to also apply this value to this selector:
```
.ha-navigation-burger-menu ul.menu li a
```
We’ve confirmed that this issue is present in both the free and pro version.

Viewing 5 replies - 1 through 5 (of 5 total)

Thread Starter SiteBolts
(@sitebolts)

1 year, 3 months ago
Following up on this, the relevant file is happy-elementor-addons/widgets/navigation-menu/widget.php

Strangely, it appears that you’ve already written the selectors that would make it work on mobile:
```
$this->add_control(
			'nav_menu_item_color',
			[
				'label'     => __( 'Color', 'happy-elementor-addons' ),
				'type'      => Controls_Manager::COLOR,
				'default'   => '#333333',
				'selectors' => [
					'{{WRAPPER}} .ha-navigation-menu-wrapper ul.menu > li > a' => 'color: {{VALUE}}',
					'{{WRAPPER}} .ha-navigation-menu-wrapper ul.menu li .ha-submenu-indicator-wrap' => 'color: {{VALUE}}',
					// '{{WRAPPER}} .ha-navigation-burger-menu ul.menu li a' => 'color: {{VALUE}}',
					// '{{WRAPPER}} .ha-navigation-burger-menu ul.menu li .ha-submenu-indicator-wrap' => 'color: {{VALUE}}',
				],

			]
		);
```
But the last two lines were commented out (by accident?), so the mobile menu’s text color is currently unable to be changed via the UI.
Plugin Support Md. Anower Hossain
(@anowerhossain16)

1 year, 2 months ago

Hi @sitebolts,

Thanks for your query,

Yes! HappyAddons Nav Menu has no style control for the Typography especially for mobile devices.

However, we will review your request and if possible we will share a code snippet with you to change the color of the text.

We will get back here soon.

Thanks and have a nice day.

Thread Starter SiteBolts
(@sitebolts)

1 year, 2 months ago

Hi @anowerhossain16 –

Just to clarify, the HappyAddons Nav Menu already has a text color control, and it works fine for changing the desktop colors.

But in the snippet shown above, it appears that you’ve commented out the lines that would make it work on mobile, which seems accidental. Perhaps that was done for testing at some point and accidentally pushed to production? It works completely fine if you uncomment those two lines.

Plugin Support Md. Anower Hossain
(@anowerhossain16)

1 year, 2 months ago

Hi @sitebolts,

First of all, we would like to thank you for your findings and shared with us. We have fixed the text color control for Mobile devices. We will include the fix in our next release.

In the meantime, there is a fixed pack for you to complete your production. You can download the file from here.

We will release a hot fix soon. Thanks and have a nice day.

Al Rubyat
(@rubyat13)

1 year ago

Hi @sitebolts,

Due to inactivity, we are marking this topic as resolved. Feel free to open a new one if you face any further issues.

Thanks

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Mobile menu color bug’ is closed to new replies.