Transparence mobile menù

Posted in: Newspaper
Post count: 5

Good morning
how can I remove the transparency from the main menu in the mobile version?

Post count: 21065

Hello!

Please provide a screenshot and more information about your issue in order to help you.

Thank you!

Post count: 5

Here is an example of how I would like it to be

without transparence

https://groupgalactica.com/wp-content/uploads/2021/04/01-Menu-mobile.jpg

Post count: 21065

Hello!

Here you can set a picture for mobile menu background: https://www.screencast.com/t/x3Xrln2b88x

Hope that helps you!

Thank you!

Post count: 37

Hi,

Exactly the opposite question 🙂 The mobile menu had been transparent, i’m not sure if enabling AMP broke this, but it’s no longer transparent.

Do you have a fix for this?

thanks

Post count: 37

The same applies to the search menu too I guess? This isn’t transparent either.

Post count: 21065

Hello @FrasL!

If you use the Mobile Theme + AMP, then you should set the transparency from Newspaper -> Theme panel -> Mobile theme -> Theme colors -> Mobile menu -> Gradient color: https://prnt.sc/5KQ0rT0Va7l4
Otherwise, you can set the transparency from Newspaper -> Theme panel -> Theme colors -> Mobile Menu/ Mobile Search -> BACKGROUND GRADIENT COLOR.

Thank you!

Post count: 37

Hi @Bettina,

This is how it was set, and previously was functioning fine. It appears the mobile theme is using the colour settings from “Mobile theme -> Theme colors -> Mobile menu” as one of the colours was altered a while ago, which is displaying as specified.

The transparency/gradient was already set as default which had never been altered before or after the transparency broke, and was around .6-.7? I’ve since reduced that to .5 in both instances as you suggested, cleared cache, but it’s made no difference.

Website: https://thebetmatrix.win/?amp

Thanks!

Post count: 21065

Hello @frasl!

Try to drag this to the left https://prnt.sc/5KQ0rT0Va7l4 till will be transparent.

Make sure the issue is not from a cache problem, plugin conflict or something that can interfere in our theme: https://forum.tagdiv.com/general-options-may-interfere-newspaper-theme/. So, please make a test, deactivate the cache plugin if you use, deactivate ALL plugins except tagDiv ones and try again in an incognito tab.

Let me know the results!

Thank you!

Post count: 37

Hi @Bettina

The gradient slider is functioning fine, and adjusts the gradient without any problems, the menus & search just aren’t transparent. Cache has been cleared etc, incognito used, still the same issue.

Is there any additional css that can be added in order to fix this? It seems to have happened when AMP was enabled.

Thanks!

Post count: 35449

Hi,
For amp it is used the mobile theme plugin, so the settings need to be done in the theme panel > mobile theme > https://i.imgur.com/z7ejjum.png
I hope this will help you!
Thank you!

Post count: 37

Hi @Calin,

As discussed with @bettina this has no effect on the transparency and only adjusts the gradient. It’s been set on the theme panel > mobile theme > theme colours at 0.1 but still the menus display without transparency while the gradient seems to change fine.

Is there a separate option make the menus transparent? At the moment, they are NOT transparent as they should be.

Thanks!

Post count: 35449

I just checked your website on 2 mobiles using android and for both the mobile menu on amp is without transparency -> https://i.imgur.com/BdNXqzm.png -> https://i.imgur.com/6zXcF5g.png
If for you it looks different, then maybe you have some cache on the mobile browser.

Post count: 37

Yes, this is the issue. By default, these menus should be transparent as the guy who opened the thread originally said?

And the menu was transparent until AMP was enabled, since AMP was enabled the menu is no longer transparent, is there a fix for this?

Post count: 35449

Hi,
I thin that the best solution for the moment will be to use a custom css
.td-menu-mob-open-menu .td-menu-background, .td-search-opened .td-search-background {
opacity: 0.5;
}

Please set this code in the theme panel > mobile theme > custom code> css.
I hope this will help!
Let us know the results!

Post count: 37

Hi @Calin,

Works perfectly, displays as normal again with the transparency in place.

Thanks!

Post count: 35449

I’m glad that this solution worked!

Viewing 17 posts - 1 through 17 (of 17 total)
The forum ‘Newspaper’ is closed to new topics and replies.