Sticky Menu Background

  • Author
    Posts
  • #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,
    Pesi

    Website: www,soulpoems.me

    #131617
    Zed
    Cryout Creations mastermind

    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.
    #131626

    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

    #131828
    Zed
    Cryout Creations mastermind

    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.
Viewing 4 posts - 1 through 4 (of 4 total)

You need to log in to reply to this topic.