Search Results for 'banner'

[Ben Ritner]

Ben Ritner

#121820

@media (max-width: 767px){
#kad-banner {
    position: relative !important;
}
}

Try that css.

Ben

[Hannah]

Hannah

#121798

Try using this instead:

.boxed.stickyheader .is-sticky #kad-banner {
    border-bottom: 5px solid green;
}

Hannah

[Ben Ritner]

Ben Ritner

#121784

or you can add this css:

@media (max-width: 769px) {#kad-banner,#kad-banner-sticky-wrapper{display: none;}#kad-mobile-banner, #kad-mobile-banner-sticky-wrapper{display:block;}}

Ben

[Pamela]

Pamela

#121479

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#121426

@media only screen and (device-width: 768px) {
    .kad-header-style-two .kad-header-center #logo {
    position :relative;
        width: 160px;
        margin: 0 auto;
    }

    body #kad-banner .kad-header-center #logo .kad-retina-logo {
        padding:0;
    }
    body #kad-banner {
        height: auto;
    }
}

add that as well,

Ben

[Ben Ritner]

Ben Ritner

#121385

Hey,
The only real way I see this working requires that the logo sit above the menu on mobile. Check it out with this css and let me know what you think.

@media (max-width: 991px){
    .kad-header-style-two .kad-header-center #logo {
    position :relative;
        width: 160px;
        margin: 0 auto;
    }

    body #kad-banner .kad-header-center #logo .kad-retina-logo {
        padding:0;
    }
    body #kad-banner {
        height: auto;
    }
}

Ben

[Ben Ritner]

Ben Ritner

#121364

What windows version are you running?

You can change it to this:

@media (min-width: 992px){
.stickyheader #kad-banner {
    transform: none;
}
}

It’s there mainly for touch devices. Creates a smoother transition in the header. Since most touch screens are smaller then 992 using that css wouldn’t have a negative effect.

[Hannah]

Hannah

#121341

You will need to add your search through the topbar widget area (appearance > widgets).
To make your logo fit the topbar I would recommend just scaling it down before uploading it.
This css should hide your logo until scrolled:

.topclass .kad_img_upload_widget {
    display: none;
}
.boxed.stickyheader .is-sticky #kad-banner .topclass .kad_img_upload_widget {
    display: block !important;
}

Hope that helps!

Hannah

[Pamela]

Pamela

#121322

This reply has been marked as private.

[Girish]

Girish

#121317

Hi ,

This is the one that I downloaded and am using

Virtue Premium 3.8.9

It is from the same location that you mentioned above. I have used Openshift : Pass by Redhat . The link is as follows
: https://www.openshift.com/

The steps to test or get into my problem is easy
1. Register on Openshift
2. Select WordPress to create an application . It gets over in 2 minutes.
3. Add virtue theme on wordpress and import demo content
4. The theme options dont open , the menu options like changing color ,font , logo ,banner etc does not work. And these problems dont work on any browser.

Let me know if you are able to reproduce.

Regards,
Girish

[Jeremy]

Jeremy

#121201

Ben,

I am having an issue with IE 11 blurry the menu text in my header and it seems to be an issue with the css below

.stickyheader #kad-banner {
transform: translate3d(0,0,0);

What is transform: translate3d(0,0,0); doing and can I set it to transform: none; without having negative repercussions?

I will send a link to the web site separately

Jeremy

[Jeremy]

Jeremy

#121201

Ben,

I am having an issue with IE 11 blurry the menu text in my header and it seems to be an issue with the css below

.stickyheader #kad-banner {
transform: translate3d(0,0,0);

What is transform: translate3d(0,0,0); doing and can I set it to transform: none; without having negative repercussions?

I will send a link to the web site separately

Jeremy

[Pamela]

Pamela

#121180

Thank you, Hannah! Except for the Blog page (set Place behind header, per your instructions), this worked.

http://www.pamz-sandbox.igneousfeldsperling.com/posts/

Anything else I can do to make the Blog page banner formatting consistent with the rest of the site?

Thanks again,

Pamela

[Pamela]

Pamela

#121076

This reply has been marked as private.

[Hannah]

Hannah

#121000

Hi Kathy,
You can add this to your custom css box in Theme options > Advanced Settings:

@media (max-width: 768px) {
body #kad-banner .kad-header-center #logo .kad-retina-logo {
    padding-top: 50px;
}
}

Hope that helps!

Hannah

[Hannah]

Hannah

#120998

Hi Pamela,
You can set the banner image for the homepage from Theme Options > Home Slider.
In Theme Options > Page Title set Show the page title by default to On.
Hope that helps!

Hannah

[Pamela]

Pamela

#120982

Hello. From the WordPress dashboard, I navigated to Theme Options > Page Title > Page Header Default Background and uploaded and saved a .jpg to replace the theme default image. I made no changes to default settings for Page Header Default Background.

The replaced image does not appear on the homepage, but does appear on other pages of the website. On some pages, a full image with white menu text appears. On others, a white row with black text appears over the top portion of the image.

How can I get the replacement image to (1) appear on the homepage and (2) appear consistently on all pages within the site?

Thank you.

[Pamela]

Pamela

#120982

Hello. From the WordPress dashboard, I navigated to Theme Options > Page Title > Page Header Default Background and uploaded and saved a .jpg to replace the theme default image. I made no changes to default settings for Page Header Default Background.

The replaced image does not appear on the homepage, but does appear on other pages of the website. On some pages, a full image with white menu text appears. On others, a white row with black text appears over the top portion of the image.

How can I get the replacement image to (1) appear on the homepage and (2) appear consistently on all pages within the site?

Thank you.

[Kevin]

Kevin

#120935

Hey Carmen,

Pinnacle theme will actually work great for this, as this is what it’s designed to do:
http://themes.kadencethemes.com/pinnacle-premium/

However, this CSS may provide a workaround. Place this CSS into Theme Options> Advanced Settings, and let me know if it works for you.

.stickyheader #kad-banner {
    visibility: hidden;
    height: 0 !important;
}
#kad-banner-sticky-wrapper {
    height: 0 !important;
}
.stickyheader .is-sticky #kad-banner {
    visibility: visible;
    height: auto !important;
    background:white;
}
.wrap {
    padding-top: 0;
}

-Kevin

[Ben Ritner]

Ben Ritner

#120073

The issue is caused by your custom banners plugin… they are adding some bad css… You can fix by adding this css in your theme options > advanced settings:

#kad-banner {
    overflow: visible;
}

Ben

[Mark Wingler]

Mark Wingler

#120040

Hi Kevin:

Makes sense to host elsewhere. When I embed can I ensure that it roughly matches the size of the screen wide banner (for example beneath the header of our home page)? Or is the size embedded from youtube for example, limited in flexibility?

http://www.test.romanycaravancompany.com

Best,
Mark

[David]

David

#119898

Hi,

I’m using this css from another thread to make the top bar full width with a boxed layout, but it doesn’t seem to work with a sticky header.

.topclass {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.admin-bar .topclass {
top: 32px;
}
#kad-banner {
padding-top: 35px;
}

Please could you help?

*Login to see link

Thanks,
David.

[David]

David

#119898

Hi,

I’m using this css from another thread to make the top bar full width with a boxed layout, but it doesn’t seem to work with a sticky header.

.topclass {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.admin-bar .topclass {
top: 32px;
}
#kad-banner {
padding-top: 35px;
}

Please could you help?

*Login to see link

Thanks,
David.