Search Results for 'banner'

[Hannah]

Hannah

#244829

Using a child theme you could add a full-width banner below the content area of all your portfolio posts. Or another option, easier than your suggestion, is to set the Project Options to none and then add split content block with your portfolio image on one side and text in the other, then you can add your image below that. Would either of those options work for you?

Hannah

[MCW1891]

MCW1891

#244791

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#244604

Hey,
When you say you want to hide the header on mobile, do you mean the whole header with logo or just the menu.

the whole header would be this css:

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

Just the menu is this:

@media (max-width: 992px) {
    #mobile-nav-trigger{
        display: none;
    }
}

2. Changing the carousel columns on mobile just takes a little javascript it’s not css that controls this.

In your theme options > header and footer scripts add this to your header scripts:

<script type="text/javascript">
jQuery(document).ready(function ($) {
$('#upsale-product-carousel').attr('data-carousel-ss', '2');
});
</script>

Ben

[MCW1891]

MCW1891

#244517

Hi all

we want to embed a fullwidth background video as banner on our website.

At the moment we have hosted this video on our own webspace because we haven´t found an option of embedding it from utube. Is there an option to embed it from utube or vimeo?
How can we set the video shown fullwidth and playing in the background?

Our video is just a “slider” of a few pics using the Ken Burns effect. Has any Kadence slider a zoom feature like the Ken Burns effect?

My last question: is there a an option to use the video only on the main page and replace it on all others sites by one picture?

Thanks a lot for your support.
Regards

[MCW1891]

MCW1891

#244517

Hi all

we want to embed a fullwidth background video as banner on our website.

At the moment we have hosted this video on our own webspace because we haven´t found an option of embedding it from utube. Is there an option to embed it from utube or vimeo?
How can we set the video shown fullwidth and playing in the background?

Our video is just a “slider” of a few pics using the Ken Burns effect. Has any Kadence slider a zoom feature like the Ken Burns effect?

My last question: is there a an option to use the video only on the main page and replace it on all others sites by one picture?

Thanks a lot for your support.
Regards

[Ellen Green]

Ellen Green

#244247

Hey Hannah,
I want the banner to be as wide as the top bar. Does that help?

[Ellen Green]

Ellen Green

#244244

Thanks Hannah. I’ve tried that before, and that setting takes the banner across the entire screen, beyond the white container area. See attached image.

[Hannah]

Hannah

#244240

When editing your banner in the row layout block, you should see an option the adjust the alignment. Choose Fullwidth.

Hope that helps!

Hannah

[Ellen Green]

Ellen Green

#244223

Thanks, and sorry for my delay. That is correct, the banner to stretch to the edges of the contained page. Image included in this reply. I’ve tried all the adjustments inside the row: wide width, full width, etc. Nothing takes the banner to the container width.

Thank you!

[Felippe]

Felippe

#244216

Hello, I have a page that is good to read in a PC, but since has a lot of text is not ideal for mobile. My questions are:

1- I there a way to have a different version for this page on the mobile version, like a version with topics and images instead of Text?

2- I’ll swap the current banner for a Kadence slider Banner. Where can I find the Kadence slider mobile settings for the new banner?

I’ll send the page on a private message

Thank you,
Felippe

[Felippe]

Felippe

#244216

Hello, I have a page that is good to read in a PC, but since has a lot of text is not ideal for mobile. My questions are:

1- I there a way to have a different version for this page on the mobile version, like a version with topics and images instead of Text?

2- I’ll swap the current banner for a Kadence slider Banner. Where can I find the Kadence slider mobile settings for the new banner?

I’ll send the page on a private message

Thank you,
Felippe

[Hannah]

Hannah

#244009

Your css is homepage specific. You can make it not this way by changing it to this:

.stickyheader #kad-banner {
    position: absolute;
    width: 100%;
    background: transparent;
    transition:background .3s ease;
}
.stickyheader .is-sticky #kad-banner { background: rgba(255,255,255,0.8);}

#kad-banner-sticky-wrapper {
    height: 0 !important;
}

Hannah

[Hannah]

Hannah

#243929

Hey Ellen,
Which banner do you mean? Are you just wanting to remove the margin on either side of the boxed area and stretch your content to the sides?

Hannah

[Mario]

Mario

#243914

Hello, i’m working on a site, to pass it to WP, mhinternacional.com but header is transparent and when sticky becomes black.

i’ve found in support forums that Ben Ritner provided a CSS hack for that, that worked for me:

.home.stickyheader #kad-banner {
position: absolute;
width: 100%;
background: transparent;
transition:background .3s ease;
}
.home.stickyheader .is-sticky #kad-banner { background: rgba(255,255,255,0.8);}

.home #kad-banner-sticky-wrapper {
height: 0 !important;
}

But when using it, if i scroll page down, and then up all header just crash and moves up… it don’t takes it original position.

mhinternacional.com/prueba

how can i fix it? Thank you for your help.

[Mario]

Mario

#243914

Hello, i’m working on a site, to pass it to WP, mhinternacional.com but header is transparent and when sticky becomes black.

i’ve found in support forums that Ben Ritner provided a CSS hack for that, that worked for me:

.home.stickyheader #kad-banner {
position: absolute;
width: 100%;
background: transparent;
transition:background .3s ease;
}
.home.stickyheader .is-sticky #kad-banner { background: rgba(255,255,255,0.8);}

.home #kad-banner-sticky-wrapper {
height: 0 !important;
}

But when using it, if i scroll page down, and then up all header just crash and moves up… it don’t takes it original position.

mhinternacional.com/prueba

how can i fix it? Thank you for your help.

[Ellen Green]

Ellen Green

#243910

Hello,

Is there a way to make the banner (in a row) on each page of my website the same width as the top bar and footer?

Thank you

*Login to see link

[Ellen Green]

Ellen Green

#243910

Hello,

Is there a way to make the banner (in a row) on each page of my website the same width as the top bar and footer?

Thank you

*Login to see link

[Eva]

Eva

#243840

This reply has been marked as private.

[John]

John

#243772

Here is a category page displaying the sidebar at left (as expected):
https://easyorder2.printsafe.net/product-category/banners/mesh-banners/

Here is a product page displaying the sidebar at right (not correct):
https://easyorder2.printsafe.net/product/9-oz-heavy-duty-mesh-banner-oversized-300-sf/

I have this same issue on multiple websites using Ascend.

[geophotog]

geophotog

#243752

Actually my solution only worked temporarily and problem returned when moving down the page and back up again.
So what did work was a modification to your suggestion as follows since 20px was the height of my hamburger.
40 px still left unwanted space.
.stickyheader #kad-banner {
max-height: 20px;
}

• This reply was modified 6 years, 3 months ago by geophotog.

[Hannah]

Hannah

#243749

Hi Jill,
This css should work for you:

.stickyheader #kad-banner {
    max-height: 40px;
}

That 40px encompassses your topbar too.
Hope it helps!

Hannah

[geophotog]

geophotog

#243746

There is a header area that I’ve colored red for your easier review of my problem. This appears in all my pages except home where I intentionally hid the header entirely. I want the red portion of header on my non-home pages, but not so large in height as it currently is. I can set the color in advanced layout under “heading” and the height but it does not allow me to go below 30px. I don’t know how to refer to this block? header? banner? other? to set the height using custom css. I need it to go below the 30px that is set as a minimum in Site Header Theme Options. Or perhaps it is a separate block nested within a larger block. Please advise how to either lessen the height or hide this red section.

Example: jillsnotebook.com/about-me

Thanks, Jill

[geophotog]

geophotog

#243746

There is a header area that I’ve colored red for your easier review of my problem. This appears in all my pages except home where I intentionally hid the header entirely. I want the red portion of header on my non-home pages, but not so large in height as it currently is. I can set the color in advanced layout under “heading” and the height but it does not allow me to go below 30px. I don’t know how to refer to this block? header? banner? other? to set the height using custom css. I need it to go below the 30px that is set as a minimum in Site Header Theme Options. Or perhaps it is a separate block nested within a larger block. Please advise how to either lessen the height or hide this red section.

Example: jillsnotebook.com/about-me

Thanks, Jill

[tracy2]

tracy2

#243324

Hi Hannah,

I tried a site-wide notice, but it clashes with the cookie notice, and in any case, is less noticeable (banner blindness) than a properly-designed graphic. I also couldn’t embed a countdown widget in the site-wide store notice. The client would like one of the options 1 or 2, but am not sure how to achieve that with the theme.

For 3, thanks for the info – how do I find a widget’s id, please?

Thanks!
Tracy

[TipTop]

TipTop

#243014

This reply has been marked as private.