Search Results for 'banner'

[Elaine]

Elaine

#261044

Hi – ok I was able to find out how to make the banner in the block full width. Now, is there any tutorial on how to work with the Blocks Advanced Slider? I’ve been playing with settings but it isn’t as intuitive as the Kadence Slider Pro. As a matter of fact there is really little tutorials on any of the blocks, especially the pro ones. Is there something I’m missing here?

[Elaine]

Elaine

#260964

Hi Hannah, I have it set as full width. The same banner that’s on my front page is also on my shop page. You can see the difference in widths. I just can’t get it to go full width on the shop page without the whole page being full width, and that makes the category thumbnails go full width too. Just don’t know how to keep the categories in block form and the banner in full width.

If you want admin privs let me know and I’ll set you up. I have no private info yet anyway as I wanted to fully build this out first before adding actual content so it’s safe for you to go in and tinker 🙂

Elaine

[Elaine]

Elaine

#260885

This reply has been marked as private.

[Elaine]

Elaine

#260839

Any idea on how I can have a full width banner in the shop without the shop itself being full banner??

[Dave]

Dave

#260831

This reply has been marked as private.

[Elaine]

Elaine

#260813

Hi all – ok bear with me. I want to have a home page which has a full width Kadence Slider Pro banner, and under that I want the category images from my shop that you can click through to the products in that category. I’m using the Kadence theme, the yoga startup template, and the kadence blocks.

I can’t seem to add shop category images to the front page in their own block. Or load the “shop” in a block on the front page.

I tried instead to add the banner to the shop page that is showing all my category images, but I can’t have the banner full width and the content not full width. I want the shop contents to be in a block but the banner to be full width. Is any of this possible? I don’t care if I have to change the home page or the shop page, it’s just what I’m looking to do. HELP? 🙂

Elaine

[Elaine]

Elaine

#260813

Hi all – ok bear with me. I want to have a home page which has a full width Kadence Slider Pro banner, and under that I want the category images from my shop that you can click through to the products in that category. I’m using the Kadence theme, the yoga startup template, and the kadence blocks.

I can’t seem to add shop category images to the front page in their own block. Or load the “shop” in a block on the front page.

I tried instead to add the banner to the shop page that is showing all my category images, but I can’t have the banner full width and the content not full width. I want the shop contents to be in a block but the banner to be full width. Is any of this possible? I don’t care if I have to change the home page or the shop page, it’s just what I’m looking to do. HELP? 🙂

Elaine

[Hannah]

Hannah

#260790

Hey,
Are you wanting the mobile menu icon to replace the secondary navigation?
There isn’t a way to split the menu in the way you’re describing. Though you can use css to make specific menu items a certain style. For example, this will make your Donate menu item green:

li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-83 a {
    color: green;
}

For the mobile menu, try adding this to your css:

@media (min-width: 992px) {
#kad-mobile-banner {
display: block;
height: auto;
}
.sldr-close, .sldr-menu-animi.mfp-ready .sldr-close {
    margin-top: 20px;
    margin-left: -30px;
}
.kad-mobile-logo-left {
    display: none;
}
.kad-mobile-header-height {
    height: 0;
    width: 100% !important;
    max-width: 1100px;
    text-align: right;
}
.kt-mnt {
    margin-top: -50px;
}
}

Hope that helps!

Regards,
Hannah

[Dave]

Dave

#260715

This reply has been marked as private.

[Dave]

Dave

#260692

Hi,

We have found a really good use for Elements which allows us, via a feature image shortcode and some css, to place the featured image where we want it so it can be a hero page banner. The only problem is that there is no placement/hook to insert it directly below the title bar on a page which has a sidebar. We can only place it above the title bar or in-page content areas.

Can you advise if this is possible?

thanks

[Dave]

Dave

#260692

Hi,

We have found a really good use for Elements which allows us, via a feature image shortcode and some css, to place the featured image where we want it so it can be a hero page banner. The only problem is that there is no placement/hook to insert it directly below the title bar on a page which has a sidebar. We can only place it above the title bar or in-page content areas.

Can you advise if this is possible?

thanks

[Hannah]

Hannah

#260609

Hey John,
You can use this css to set a background color for your mobile header:

div#kad-mobile-banner {
    background: #333;
}

Hope that helps!

Best,
Hannah

[Hannah]

Hannah

#260566

Sounds like you’re wanting the featured page template effect for your portfolio posts. Sorry, there isn’t a function for that within a portfolio post. You could use the sitewide Virtue banner to add an image below your header on all your pages. Though it would be the same image, not unique to the page/post. Another option is to use css to hide the title in your portfolio posts, then add it manually into the page. Let me know if you would like help with that.

Best,
Hannah

[Hannah]

Hannah

#260477

Hi Rainer,
Sorry for the delay! And apologies for misunderstanding. This css may be what you’re after:

div#kad-mobile-banner {
    height: 90px;
}

That will set you header height to 90px.
Then if you want to pull the logo down so it’s more centered you can use this:

img.kad-mobile-logo {
    margin-top: 10px !important;
}

How does that work for you?

Best,
Hannah

[Hannah]

Hannah

#260371

Looks like you have an extra closing bracket in your css that is preventing the css added after it from taking effect. Here:

header#kad-banner {
    padding-top: 20px;
}
}

Remove that extra bracket and let me know if the mobile header layout still does not change.

Best,
Hannah

[Sam Macnamara]

Sam Macnamara

#260229

Thanks Hannah, I managed to get the padding sorted and have the following in Advanced Options:

#nav-main ul.sf-menu, .nav-main ul.sf-menu {
float: left;
}

.home #logo { display: none; }

header#kad-banner {
padding-top: 20px;
}
}

@media (max-width: 767px) {
#topbar .kad-topbar-left, #topbar .kad-topbar-left .topbarmenu {
width: 50%;
float: right;
}
}

But it’s looking like this on mobile:

Would there be a way (on mobil only) of having the gas safe logo aligned right and possibly even below the phone numbers?

Thank you

[Ben Ritner]

Ben Ritner

#260137

It’s a tricky thing, I suggest you simplify what you are trying to do. No one actually changes the size of their browser (it’s not a normal user thing to do).

<script>
jQuery(document).ready(function ($) {
var targetWidth = 769;
var offset = ( $(window).width() >= targetWidth ? $('#kad-banner').outerHeight() : 0 );
$('body').localScroll({offset: - ( offset + 20 ), hash:true });
});
</script>

Ben

[Ben Ritner]

Ben Ritner

#260059

Please try this script:

<script>
jQuery(document).ready(function ($) {
var targetWidth = 768;
var offset = ( $(window).width() >= targetWidth ? $('#kad-banner').outerHeight() : 0 );
$(window).resize(function(){
  offset = ( $(window).width() >= targetWidth ? $('#kad-banner').outerHeight() : 0 );
$('body').localScroll({offset: - ( offset + 20 ), hash:true });
});
$('body').localScroll({offset: - ( offset + 20 ), hash:true });
});
</script>

2.Chrome caches the page for use in history and it’s normal that that sticky header wouldn’t re-engage on a cached “back” view until the user starts scrolling.

[Karla]

Karla

#259855

Hi Phil,

You can add this custom CSS code to add the “Menu” text if you don’t want to disable the Simple mobile header option:

#kad-mobile-banner-sticky-wrapper .mobile-logo-inner:before {
    content: "Menu";
    font-weight: bold;
}

Hope this helps and let us know if we can assist you further.

Best Regards,
Karla

[TE]

TE

#259824

Hi,

I am exploring the idea of changing the bottom header on schedule – do you know if this is doable?

Example in this photo, I want to change the bg of this banner to black after halloween and the text to FREE SHIPPING and retain the links.. then i’ll have a schedule to change it BLACK FRIDAY on November 27.

Is this covered by API?

[TE]

TE

#259824

Hi,

I am exploring the idea of changing the bottom header on schedule – do you know if this is doable?

Example in this photo, I want to change the bg of this banner to black after halloween and the text to FREE SHIPPING and retain the links.. then i’ll have a schedule to change it BLACK FRIDAY on November 27.

Is this covered by API?

[TE]

TE

#259754

Additional Qs

1. How to decrease the extra space between header and the page content
2. How to add a promotional banner below the header

[Dave]

Dave

#259451

Hi Ben,

I thought that may be the case – I think that may be a good go-to spot for slider and banner inserts. Just out of interest, I posted another topic where we have a site that really needs to be able to over-ride the title layout position on a few pages (above content or in content). I know I can recreate the title layout with a row block, however I’m wondering if there is a way to insert the title and breadcrumbs into this?

Also, I’m not sure I understand the option now which states “Fixed” element type, is that the same as “Default”?

Thanks