-
AuthorPosts
-
July 26th, 2022 at 01:20 #131469
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
August 1st, 2022 at 23:09 #131617Zed
Cryout Creations mastermindHi,
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.August 1st, 2022 at 23:49 #131626So 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.
ThanksAugust 9th, 2022 at 15:38 #131828Zed
Cryout Creations mastermindI’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. -
AuthorPosts
The topic ‘Sticky Menu Background’ is closed to new replies.