Menu bar

Hello.
You could change the menu bar as follows?

  1. The menu bar should be over and transparent with white text superimposed on the video in the welcome area;
  2. when the page down the menu background should be opaque white with black text .
  3. Throughout the text of the menu bar should be black including sub-elements;
    Thanks so much

Hi,

Please post a link to your website, so I can check if that can be done with a few lines of Custom CSS.

Best Regards,
Csaba

hello, excuse the delay, here it is
http://www.traildelviandante.it/web/language/it/home-2/
THX a lot

Sorry Csaba,
I do not know if you can help, but this is the result you would like
http://www.valtellinawinetrail.com/
THX a lot

Hi,

  1. You can make the background video to be under your menu with this Custom CSS:
.site-header {
    margin-top: -90px;
}
  1. You can make the top-bar transparent and opaque when scrolling down with this Custom CSS:
.top-bar {
    background-color: transparent !important;
}

.is-sticky .top-bar {
    background-color: #fff !important;
}
  1. You can make the sub-menu items black with this Custom CSS:
.main-navigation ul ul a {
    color: black !important;
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also use this plugin to add the CSS to it: https://wordpress.org/plugins/simple-custom-css/ so you will not loose the changes on theme updates.

Please let me know how it works.

Best Regards,
Csaba

Yeah! perfect, but the color I would like white text when the bar is transparent.
THX a lot !

Hi,

Ok, You can make the menu items white when it’s not sticky with this Custom CSS:

.main-navigation a {
    color: white !important;
}

.is-sticky .main-navigation a {
    color: black !important;
}

Please let me know how it works.

Best Regards,
Csaba