Transparent Menu

Hello!

I’m getting this problem as well. ??

It appears that we have to set the “frame edge” the content should be in. In my example, I noticed that if I jump to a section, the title get positioned behind the menu:

https://terranovaweb.com.br/clientes/lapiedra.com.br/#chef-manolo-doyle

Any guidance will be appreciated!

Thank you!
Marco Andrei

@rainabd — I don’t see the plugin activated on your site (anymore?) but if you add this line to your CSS code, it should be better:

.cloned {
   background:#ffffff;
}

@marcoandrei The same goes for you, but it won’t work well with the “jump to a section” scroll functionality, because the header obscures the top of the section once you click on a menu item. I would suggest to make this item sticky:

#site-navigation

…and not the entire .site-header. Perhaps that will have a better result.

Hi Mark, thanks so much that worked! Not sure why the plugin looked non-active from your end but it’s working for me. Did I do something wrong?

You didn’t do anything wrong. I was just being impatient…the page takes a bit of time to load the photos so there was a slight delay there. It’s all good now! ??

Thank you for your quick response and this awesome plugin!

Mark,

Thanks for your help! I’ve made the change you suggest and managed the margins to align the menu the way I want.

Thank you very much!

Saúde!
m.