Viewing 10 replies - 1 through 10 (of 10 total)
  • hannah

    (@hannahritner)

    Hey, it’s not possible in the free version without editing the theme. The premium version has a header widget area built in.

    Hannah

    Thread Starter CorporateBattlefields

    (@corporatebattlefields)

    I got the premium theme up and running, huzzah!

    https://test.corporatebattlefields.com/

    Any way to push the menu up under the social links, and get a banner in underneath maybe?

    hannah

    (@hannahritner)

    Try adding this to your custom css box in theme options > advanced settings:

    @media (min-width: 992px) {
    .col-md-8 {
    position: absolute;
    top: 150px;
    padding-left: 20px;
    margin-top: -10px;
    }
    .col-md-12>#nav-main ul.sf-menu {
    margin-top: -70px;
    padding-left: 210px;
    }
    }

    Let me know if that works!

    Thread Starter CorporateBattlefields

    (@corporatebattlefields)

    Sorry, i was messing around with layouts when you posted.

    Its not solved the issue. I won’t mess around with that until you’ve responded again.

    I want the banner and social link together either above or below the menu. Thanks for all your help

    hannah

    (@hannahritner)

    Hmm…Is this what you’re thinking:

    .virtue_banner img {
    float: right;
    }

    You can also add this:

    @media (min-width: 992px) {
    .virtue_banner {
        margin-top: -30px;
    }
    }

    Kadence Themes

    Thread Starter CorporateBattlefields

    (@corporatebattlefields)

    So close!

    I’ve been messing around with the code you gave. I’m pretty much there with it, I just need to remake my banner to centralise it. Thanks for all the help!

    Last request – is it possible to make the social media widget float to the right side of the menu above contact?

    hannah

    (@hannahritner)

    Try this:

    .virtue_social_widget a {
    margin-top: 5px;
    float: right;
    }

    you can add this:

    .kad-header-widget .virtue_social_widget {
    float: right;
    }
    Thread Starter CorporateBattlefields

    (@corporatebattlefields)

    You guys are absolute hero’s.

    I used this in the end:

    .virtue_banner img {
    float: right;
    }
    @media (min-width: 992px) {
    .virtue_banner {
        margin-top: -32px;
    }
    }
    .col-md-12>#nav-main ul.sf-menu {
    margin-top: -80px;
    padding-left: 210px;
    }
    .virtue_social_widget a {
    margin-top: 5px;
    float: right;
    }

    Thanks for all the help.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Add banner underneath primary menu’ is closed to new replies.