Search Results for 'banner'

[Ben Ritner]

Ben Ritner

#217017

Hey John, So your home page was broken, it could have happened through a number of differing things. But most likely and most common is that you either un-installed page builder temporarily then accessed the home page through the editor or you click out of the page builder tab while editing the home page.

I bring that up only so you are aware and can be sure to avoid making either of those mistakes in the further, even if that is not the cause of your current issue.

If I remember correctly we had a similar issue here where I also had to remake a page because it was broken: https://www.kadencewp.com/support-forums/topic/create-page-within-page-with-new-set-of-headers/page/2/

Ok so I’ve Updated/fixed your home page.

What I now don’t understand is what you were wanting changed to start with. The link at the top doesn’t seem to work.

But I took a guess and I added this css to your theme options > advanced settings:

@media (min-width: 992px) {
.home #kad-banner, .home #kad-banner-sticky-wrapper {
    background: transparent;
    width: 100%;
    z-index: 1000;
    position: absolute;
}
.home #kad-banner-sticky-wrapper.is-sticky #kad-banner {
    background: #227c8a;
    width: 100%;
    z-index: 1000;
}
}

Hopefully, that is what you want.

Ben

[Hannah]

Hannah

#216686

Try adding this to your custom css box in Theme Options > Advanced Settings:

.home div#kad-banner-sticky-wrapper {
    display: none;
}

Hope that helps!

Hannah

[paul]

paul

#216673

Hi there.
Could you please kindly supply with some css coding. I have a band at the top of my home page above a rev slider which I do not want. Any assistance would be greatly appreciated. One of your colleagues sent me some coding to hide the banner but I decided to go with a logo on the site and this seems to have put another space on the home page above the slide.
Kind regards, Paul
Here is the link
*Login to see link

[paul]

paul

#216673

Hi there.
Could you please kindly supply with some css coding. I have a band at the top of my home page above a rev slider which I do not want. Any assistance would be greatly appreciated. One of your colleagues sent me some coding to hide the banner but I decided to go with a logo on the site and this seems to have put another space on the home page above the slide.
Kind regards, Paul
Here is the link
*Login to see link

[Hannah]

Hannah

#216563

Sorry, I didn’t read that carefully enough. First, turn off the simple mobile header from Theme Options > mobile header. Then add this to your custom css box in Theme Options > Advanced Settings:

.kt-header-position-above, .second-nav-container {
        display: block;
    }
#kad-mobile-banner {
        display: none;
        height: 0;
    }

Does that work for you?

Hannah

[dawnh]

dawnh

#215851

Hi,

Is there a setting for changing the width of the search results page display? When someone uses the site search to find a page on my site that it displays as the archives do? The following link is the archives where the widget banners open up fully to span responsively across the page:

*Login to see link

Search results show the same widget banner is 1/3 of the width:

*Login to see link

Thanks.

Dawn

[dawnh]

dawnh

#215851

Hi,

Is there a setting for changing the width of the search results page display? When someone uses the site search to find a page on my site that it displays as the archives do? The following link is the archives where the widget banners open up fully to span responsively across the page:

*Login to see link

Search results show the same widget banner is 1/3 of the width:

*Login to see link

Thanks.

Dawn

[Kevin]

Kevin

#215798

Hello,

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

@media (max-width: 1186px) {
.kt-header-position-above, .second-nav-container {
display: block;
}
 
#kad-mobile-banner {
display: block;
height: auto;
}
 
header#kad-header-menu {
display: none;
    }
}

-Kevin

[Kevin]

Kevin

#215122

Hello,

Here’s a temp CSS fix for you:

div#kad-banner-sticky-wrapper {
    height: 90px !important;
}

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

I’ll flag this for a developer followup so that Ben can take a look when he’s available too.

-Kevin

[Ben Ritner]

Ben Ritner

#214824

I’m seeing this css in your site from something custom:

div#kad-mobile-banner,header#kad-header-menu{z-index:1!important}

You will want to remove that.

Ben

[Ben Ritner]

Ben Ritner

#214308

As a temp fix you can add this css:

.boxed .is-sticky > #kad-mobile-banner {
    margin-left: 0;
    margin-right: 0;
    width: auto !important;
}

I will push out an update soon.

Ben

[Kevin]

Kevin

#213520

Try adding this CSS to Theme options> Advanced Settings, and let me know if it works for you:

.home header#kad-banner {
    display: none;
}

-Kevin

[Kevin]

Kevin

#212872

Hello,

Here’s some CSS that will allow you to set the background of your mobile header independently of the desktop:

.boxed #kad-mobile-banner .mobile-header-container {
    background: blue;
}

Change the “blue” to whatever you like, and add the CSS to Theme Options> Advanced CSS. Let me know if that works for you!

-Kevin

[jocenunes]

jocenunes

#212522

Is possible insert a template of elementor banner into of categorie pages and shop page?

[jocenunes]

jocenunes

#212522

Is possible insert a template of elementor banner into of categorie pages and shop page?

[Stephen]

Stephen

#212454

I’ve created a sub name below the banner image and was wondering if there’s a way to set an active background/text color when on the selected page. So viewers know which of the three they’re currently on.

*Login to see link

[Stephen]

Stephen

#212454

I’ve created a sub name below the banner image and was wondering if there’s a way to set an active background/text color when on the selected page. So viewers know which of the three they’re currently on.

*Login to see link

[Kevin]

Kevin

#212423

Hello,

This isn’t really how the theme is designed, but here is a workaround that should do this for you:

.kad-header-left {
    width: 100%;
    padding-left: 0;
}

div#logo {
    width: 100% !important;
}

header#kad-banner .container {
    width: 100%;
}

Add that CSS to theme Options> Advanced Settings, custom CSS box, and let me know if it works for you!

-Kevin

[Kathy]

Kathy

#212421

Hi,

I’ve searched on your forum regarding the logo banner on the Virtue theme and can’t find a solution. My logo image is 1200px wide, however, the theme is scaling the image to 1155px wide. The content and home sliders are all at the 1200px wide, but having the logo smaller makes the design look off. You can see what I’m talking about here: *Login to see link

Would you let me know how I can fix this either CSS or with the templates?

Thank you.
Kathy

[Kathy]

Kathy

#212421

Hi,

I’ve searched on your forum regarding the logo banner on the Virtue theme and can’t find a solution. My logo image is 1200px wide, however, the theme is scaling the image to 1155px wide. The content and home sliders are all at the 1200px wide, but having the logo smaller makes the design look off. You can see what I’m talking about here: *Login to see link

Would you let me know how I can fix this either CSS or with the templates?

Thank you.
Kathy

[Hannah]

Hannah

#212097

Hey Jesse,
I’m seeing this in your css:

body.trans-header #kad-header-menu, body.trans-header #kad-mobile-banner {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1000;
    border-bottom: 1px solid transparent;
}

Are you adding that? It is affecting your header on the blog page. If you wanted to override just for the blog page you could use this css:

.blog header#kad-header-menu {
    position: static;
}

Hope that helps!

Hannah

[Joshua]

Joshua

#212094

Thank you so much Kevin for taking the time to respond to my cry for help.

I used the

#kad-banner {
border-bottom: none;
}

as you suggested. It eliminated the border line on my desktop.

When I looked at the site on my mobile, the line still appears when I use Google Chrome, but it does not appear when I use Firefox. When I was using Google Chrome, I hit the three buttons in the upper right hand corner and selected setting–> privacy –> clear browsing data and selected the following: Cached images and files, and Cookies and site data. I did that several times. The border line still appears in Google Chrome.

I did try adjusting the background sizing of the image in Theme Options> Home Slider. It did not work.

I copied the source code from my page and located the following for the page header

<div id=”pageheader” class=”titleclass home-title-class ” style=”background: url

(http://mystudentlink.net/practicewebsite/wp-content/uploads/2019/01/homepage-background-800

-width-2.png); background-repeat: no-repeat; background-size: cover; background-position:

center top; background-attachment: ;”>

I tried using the following CSS media query code to cause the background to fully resize for a mobile device:

@media only screen and (max-width: 400px){
#pageheader .titleclass .home-title-class{
background-size: auto 100%;
}
}

It did not work.

Am I missing something in the code?

Please let me know.

I again sincerely thank you for responding to my inquiry.

Thank you Kevin.

Sincerely,

Joshua Davis

[Hannah]

Hannah

#212087

Hey,
Try using this css:

HTML > BODY > DIV#wrapper > HEADER#kad-banner > DIV#cat_nav > DIV.container > NAV> UL > LI.menu-coverage > A > SPAN {
    background: #F12183 !important;
}

Does that work for you?

Hannah

[Kevin]

Kevin

#212075

Hello,

1 Have you tried adjusting the background sizing of the image in Theme Options> Home Slider? See here for information on background image sizing:
https://www.kadencewp.com/background-image-sizing/

2 You can remove the border there by adding this CSS to Theme Options> Custom CSS:

#kad-banner {
    border-bottom: none;
}

Let me know if that works for you!

-Kevin

[Hannah]

Hannah

#211859

It’s kind of up to you. If you wanted to a transparent header on your homepage you can try enabling the kadence slider from Theme Options > Home Slider, then adding this to your custom css box:

@media (min-width: 768px) {
.home #kad-banner {
    background: transparent;
    width: 100%;
    z-index: 1000;
    position: absolute;
}
}

Let me know how that works for you.

Hannah