#81473 How to add a color background under only the sticky logo header

Landing Forums Jupiter WordPress Theme How to add a color background under only the sticky logo header

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • Tony Goedde

    I want the primary logo and navigation to have a transparent background, but have the sticky logo and navigation to have a white background. I have created this modified css file to make the sticky logo stick with the menu 2 selection in the theme customization. But I am not sure how to add the background color information.

    Any help is greatly appreciated.

    /////////

    .a-sticky .mk-main-navigation.js-main-nav {
    margin-left: 0px !important;
    position: relative !important;
    }

    .a-sticky #menu-item-80 {margin-right: 500px !important;}

    .a-sticky .mk-main-navigation.js-main-nav:before {

    position: relative;
    content: ”;
    left: -0px;
    top: 10px;
    bottom: 100px;
    width: 335px;
    height: 70px;
    display: block;
    background: url(‘https://levelcapital.com/wp-content/uploads/2020/09/level-cap-header-bklogo-1.png’) no-repeat;
    background-size: 100%;
    }

    ///////////////

    Amir Rather Support Team

    Hi There

    Could you please send over your Site URL and administrative WordPress access(in a private reply) so we can check and let you know?

    Regards

    Tony Goedde
    Amir Rather Support Team

    Please try the below CSS in Theme Options > Advanced > Custom CSS to see if it helps?

    .a-sticky .mk-header-inner, .header-style-2.a-sticky .mk-classic-nav-bg {
        background: #fff !important;
    }

    Regards

    Tony Goedde

    Thank you Amir! That worked great.

    Amir Rather Support Team

    You’re most welcome 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
You must be logged in to reply to this topic. Login