I am using site origins widget and Vantage theme.

On all of the pages on my website, I would like the menu with the logo to be displayed transparently over the hero image until we start scrolling. I want exactly what’s happening here: https://satoristudio.net/bento/.

My beginner knowledge only got me this far..I edited website’s theme colours to give the website a new look. This seems to have messed up my mobile menu.

I have set the text to be black and background white which works perfectly on desktop. On mobile/tablet/smaller browser, as soon as the ‘hamburger’ view appears, the text is white and background either transparent (on front page) or white (on every other page). While googling this issue I tried a bunch of different css codes under customise – additional CSS but without luck.

Feeling defeated, I am so close to restoring the old clunky version of the website and losing all my new pages just because the old version had a functioning menu.

I really hope you can help me out here.

Thanks in advance,

So I have my website peterwattmusic.com and it looks ok for me when I view it on Desktop, but on iPad and Mobile phone it has 2 problems that I want to fix.

1. The dropdown menu background is transparent so when you click it the letters overlap each other, it makes it too difficult to see. How can I change the background menu to just plain white so its easy to see which buttons you are clicking?

2. When viewed from a smartphone or tablet, I’d like the logo and header to resize down, as now it is HUGE when you view it from either of these. Is there some way to do this?

Thanks so much to anyone who can help!
Peter Watt

I have a problem with my sticky menu in ocean theme. I create a page by using elementor plug-in. I have a transparent menu and create it sticky by Sticky menu (or enything) plugin. But the problem is when I scroll down my menu is still transparent and I can’t make it not transparent, for example black.
Please help me

I’m trying to setup a full screen “Slider Revolution” slider on some other pages but i am a little stuck now.

1. I tried to hide the header image and page title with some custom css:

#page-header-cover {
height: 90px;
}

2. I set up a full screen revolution slider, but it has some padding around it which i can’t get rid of. Suggestions would be welcome!

Development site: here

I’m running a fresh install of WP with a fresh install of the latest version of tinyMCE advanced. When scrolling down a long post or page, the MCE editor’s mnemonic menu (File, Edit, etc.) white background color becomes transparent and you can see the text through it.

This fluke exists and, as noted by the OP in that original thread, is caused by a background: transparent;” entry in the CSS code of TinyMCE Advanced. You will find that code on the line 1 of the CSS file located at “/wp-includes/js/tinymce/skins/lightgray/skin.min.css“. There, you will find the entry:

.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {background: transparent; …etc.

Remove it and the transparency ceases to be a troublesome and irritating problem.

The Crusty Curmudgeon
you’re frickin’ welcome

Love the plugin although I have an issue with the navigation menu as it is transparent and I am unable to change.

Any help would be appreciated.

Site is HERE

Many thanks

https://www.ads-software.com/plugins/sticky-menu-or-anything-on-scroll/