Header transparent + menu button

Is it possible to make the header which contains the menu and the logo transparent while scrolling??
Along with my menu links I want to add one menu button.How can I do that??

Hello @esteann,

I will be glad to help you, but can you please provide some explanatory screenshots?

You can upload screenshots to your WordPress Media Library and share a link, or you can use one of the online screenshot services.

Kind Regards, Roman.

Hi @Roman,
thanks for the prompt reply,
the screenshots are 1.a subscribe button with a border

subscribe button-needs to be highlighted

2.the header on scroll should be transparent

Hello @esteann,

  1. Please try to use the following CSS code.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard → Appearance → Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

#menu-item-590 > a {
    border: 1px solid #db8e5c;
    background-color: #db8e5c;
    padding: 5px 10px;
    border-radius: 3px;
  1. Can you please make your header sticky and let me know?

Kind Regards, Roman.