[pesi]

My Septera theme has a default sticky menu and I cannot find the CSS to modify it
I wanted to make its background transparent (currently it is white) and to remove the bottom border as well.
Thanks for any advice,
Pesi

Website: www,soulpoems.me

[Zed]

Hi,

You can usually use the browser developer tools to inspect the site markup and view applied styling (and also try out and test customizations).

To make the sticky menu semi-transparent you’ll need to tweak the background colors on multiple elements that make up that bar.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[pesi]

So I used the following code in the Customize CSS portion…

.masthead .site-header-main .header-image-main .site-wrapper .sticky-element-placeholder .sticky-element-active .header-fixed .sticky-element-original .element-is-sticky {
background: transparent;
background-color: rgba(0,0,0,0);}

But it seems to have no effect (?)
Any advice would be very helpful.
Thanks

[Zed]

I’m not sure where how you’ve reached those identifiers, since most of those classnames are not used in the theme.

Try this:

body.septera-over-menu #site-header-main.header-fixed {
  background: transparent;
}

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Author]

Posts