Return to previous page

Mobile menu transparency/overlay color on submenu items

This topic has 4 replies, 2 voices, and was last updated 2 years, 8 months ago ago by Awais Ahmed

nmatricn

Participant

June 28, 2022 at 08:37

Hi, when i set submenu items on main menu , from static blocks, on mobile version it gives as black overlay color on the top of image. I am sending attached image to see the problem. My menu doesnt look good like this and brand images should be clear white with logo on it.
`

#327191 Copied Theme version: 8.2.1

3 Answers

Awais Ahmed

Participant

June 28, 2022 at 09:21

Hello, @nmatricn,

To solve your issue simply go to the Dashboard >> XStore >> Theme Options >> Theme Additional CSS and then paste the below code there

div.mobile-menu-content .et_b_header-menu .menu li>.nav-sublist-dropdown:not(.nav-sublist){opacity:1 !important;}

Then save settings and check back to your site after clearing the browser cache.

Regards 8Themes Team.

#327194 Copied

nmatricn

Participant

June 28, 2022 at 09:59

Thanks , that solved problem 🙂 One question more… Is possible to set this brands logos on submenu on mobile to be in two rows?

#327201 Copied

Awais Ahmed

Participant

June 28, 2022 at 10:37

Hello, @nmatricn,

Actually, Yes the brand’s logos on the submenu are coming from the blocks you can edit the blocks as per your need changes will appear on the frontend here is the complete documentation on the blocks for a better reference: https://www.8theme.com/documentation/xstore/support/static-blocks/

Note: if still your issue is not resolved then please share your site wp-admin URL and access in the private content area I will check and fix it on your site for you.

Regards 8Themes Team.

#327203 Copied
Tagged: mobile menu, overlay color, submenu items, themes, transparency, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)