Good morning
how can I remove the transparency from the main menu in the mobile version?
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
Hello!
Here you can set a picture for mobile menu background: https://www.screencast.com/t/x3Xrln2b88x
Hope that helps you!
Thank you!
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!
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!
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!
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!
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!
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!
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.
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!