Search Results for 'banner'

[Jesse]

Jesse

#159072

Yes and yes. It’s like my banner is contained within the shops settings which contain the products.

[Jesse]

Jesse

#158999

This reply has been marked as private.

[Hannah]

Hannah

#158972

Hey Jesse,
I just re-created a template like yours on my test site and had no issue creating a full width stretched banner. Have you had any issues creating full-width rows for other pages? What widget are you using?

If you sign out the url will show as you want.

Hannah

[Philip]

Philip

#158953

Hi sorry to jump in on this post but I am using Virtue Premium theme and I need to make my Main Menu banner smaller in height and I was wondering would you have any tips for doing this please?

[Kevin]

Kevin

#158667

Hey Jessica,

Try this CSS:

.homecontent .infobanner, .homecontent .home-message {
    height: 500px !important;
}

-Kevin

[Kevin]

Kevin

#158284

Try adding this CSS to Theme Options> Advanced Settings:

.wrap.clearfix.contentclass.hfeed {
    margin-top: -80px;
}

.stickyheader .is-sticky #kad-banner {
    background: rgba(51, 51, 41, 0.85);
}

.headerclass {
    background: 0 0;
    transition: background .4s ease-out,border .4s ease-out;
    -webkit-transition: background .4s ease-out,border .4s ease-out;
    -moz-transition: background .4s ease-out,border .4s ease-out;
    -o-transition: background .4s ease-out,border .4s ease-out;
    border-bottom: 1px solid rgba(255,255,255,.5);
    }

-Kevin

[Kevin]

Kevin

#158190

Try changing the CSS to this:

@media (min-width: 992px) {
    .kad-header-right {
    width: 50%;
    float: right;
    }
    .kad-header-left {
    width: 50%;
    }
    header#kad-banner .container, footer#containerfooter .container  {
    width: 970px;
    }
}

Let me know if that fixes the mobile issues.

-Kevin

[Park]

Park

#158082

I’m trying the pro slider right now.

I messed around with a few different widget page builder combinations but I want the banner to span across the blog posts and the sidebar which wasn’t happening.

So there is no way to do it like this: http://izanami-wheel.com/widecustom/

Simply with the page builder and the visual editor widget?

I will let you know how the pro slider comes out, it just feels that the slider is heavy and will bog down the site further.

-Park

[Kevin]

Kevin

#158054

Did you try the boxed layout option?

I think that it should work for you. Or you can try this CSS:

header#kad-banner .container, footer#containerfooter .container  {
    width: 930px;
}

Place into Theme Options> Advanced Settings and let me know if it works for you.

-Kevin

[Ben Ritner]

Ben Ritner

#157992

@media (min-width: 992px) {
#kad-header-menu {
    display: block;
}
#kad-mobile-banner {
    display: none;
}
}

You can use that css,
Ben

[Park]

Park

#157961

Example of explanation in text

Display a banner image like in image in between blog posts/shop products and menu/logo with page builder is not showing. Is there a work around for this?

I don’t really want to put in a 1 slide slider if I have to.

Thanks again.

[Park]

Park

#157961

Example of explanation in text

Display a banner image like in image in between blog posts/shop products and menu/logo with page builder is not showing. Is there a work around for this?

I don’t really want to put in a 1 slide slider if I have to.

Thanks again.

[Ville]

Ville

#157730

Hi Kevin,

Thanks, I combined that with the other settings for max-width : 992 px and it worked!

@media (max-width: 992px){
    .kt-header-position-above {
        display: block;
    }
    .outside-headerclass, .outside-second, .kad-topbar-menu {
        display: none;
    }
    div#kad-mobile-banner {
    margin-top: 30px;
    }
}

regards,

Ville

[Kevin]

Kevin

#157672

Hello Ville,

Try this CSS and let me know if it works for you:

media (max-width: 992px) {
div#kad-mobile-banner {
    margin-top: 30px;
    }
}

-Kevin

[Ben Ritner]

Ben Ritner

#156912

You can use this css in your theme options > advanced settings > custom css:

.homepromo .kad-animation {
    padding: 0;
}
.homepromo {
    margin: 0;
}
.homepromo .infobanner {
    background-size: cover !important;
}

Ben

[John]

John

#156804

Hello!
Is it possible to get the site-wide banner to display full width? I tried adding the Kadence slider to “site wide after header shortcode” as suggested here, however, I don’t like how the Kadence slider transitions as mentioned here. So I’m kind of stuck.

Thanks!

[John]

John

#156804

Hello!
Is it possible to get the site-wide banner to display full width? I tried adding the Kadence slider to “site wide after header shortcode” as suggested here, however, I don’t like how the Kadence slider transitions as mentioned here. So I’m kind of stuck.

Thanks!

[Kevin]

Kevin

#156760

Yeah it’s tough to find the right selectors sometimes. I do this everyday, so I’m always happy to help when you can’t find any.

1. Try this CSS for the menu:

ul#menu-menu_right li {
    width: 50%;
}

2. As for the logo, here is some CSS to try:

.is-sticky header#kad-banner {
    min-height: 90px !important;
}

That might not be the best solution, but let me know if it will work for you. Ben or Hannah may be able to give us a better solution.

-Kevin

[Kevin]

Kevin

#156698

Hello Anders,

Try adding this CSS to Theme Options> Custom CSS, and let me know if it works for you:

.stickyheader.trans-header #kad-banner {
    background: rgba(162, 162, 162, 0.3);
}
.is-sticky #kad-banner {
    background: rgba(162, 162, 162, 0.7) !important;
}

-Kevin

[phil2]

phil2

#156536

Thanks Ben. That works but I wasn’t clear enough about what I was trying to do.
I want the resulting combination to appear above the sidebar and take up the width of the site as if it were the header/banner.
Is that possible?
Thanks,
Phil.

[btrentd]

btrentd

#155921

Hahaha it looks to be working now after I logged out of WordPress. The WordPress top banner must have hid it…

[Leif]

Leif

#155294

Ok sorry, I thought it was working, but that was when the script was placed with the plugin “Insert header and footer” (So then I know the function itself works). I then deactivated that plugin and placed the script in the theme Header and Footer Scripts section I activated and now it does not work. The issue is that nothing happens when clicking on the link.

Link to the page with the banner

(It’s the green banner in the bottom and the link “Köp ditt campingkort här”)

It’s supposed to activate a window for ordering a card.

Kind Regards,

Leif