-
Posts
-
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,
PesiWebsite: www,soulpoems.me
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.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.
ThanksI’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.
The topic ‘Sticky Menu Background’ is closed to new replies.