Page 17 – Kadence Support Forums

Viewing 20 results - 321 through 340 (of 1,614 total)

← 1 2 3 … 16 17 18 … 79 80 81 →

Author

Search Results
In forum: Ascend Theme

Topic: Problem with multiple product images

John

October 11, 2019 at 12:07 pm #238799

Here is a screenshot of a product with about 10 product images uploaded. As the number of product images grows above 5 or 6, they begin to extend above the content area of the page into the header area:

URL: *Login to see link
Screenshot: *Login to see link

Here is the same product in the Virtue Premium theme. All the additional product images are displayed below the product and do not interfere with the header area:

*Login to see link

What can be done with the Ascend theme to fix the issue?

In forum: Membership Forums

In reply to: Still problems with mobile topbar and header
Ben Ritner

October 8, 2019 at 9:23 am #238656

You can add this to turn off the transparent header just for mobile.
```
body.trans-header #kad-mobile-banner {
    position: relative;
}

#wrapper {
    background:#fff;
}
```
In forum: Ascend Theme

In reply to: Colour horizantal Line under menu area
Hannah

October 4, 2019 at 12:37 pm #238513

This css should work for you:
```
#kad-mobile-banner .mobile-header-container {
    border-bottom: 2px solid #d71921;
    width: 100%;
    padding: 0 40px;
}
```
Hope it helps!

Hannah
In forum: Virtue Theme

In reply to: CSS to change category header background
Ben Ritner

September 26, 2019 at 4:26 pm #238134

Single:
```
.category-bachelors-faq header#kad-banner {
    background: url(https://socialwork.uky.edu/socialworkwp/wp-content/uploads/2019/07/downtown-wide-low-level-page.jpg);
    background-size: cover;
    background-position: center;
    position: static;
    padding-bottom: 32px;
}
.category-bachelors-faq #topbar {
    background: transparent;
}
```
All
```
.category.archive header#kad-banner {
    background: url(https://socialwork.uky.edu/socialworkwp/wp-content/uploads/2019/07/downtown-wide-low-level-page.jpg);
    background-size: cover;
    background-position: center;
    position: static;
    padding-bottom: 32px;
}
.category.archive #topbar {
    background: transparent;
}
```
I hope that helps,

Ben
In forum: Virtue Theme

Topic: CSS to change category header background

COE

September 26, 2019 at 1:30 pm #238128

Hi,

I am trying to set the background image.

I have tried a variety of code using .category-podcast-faq & .category-19, etc.
but am not seeing any changes.

For example:

.category-19 header#kad-banner {
background: url(*Login to see link
width: 100%;
top: 0;
left: 0;
position:absolute;
padding-top: 0px;
padding-bottom: 85px;
}

Thanks,

Jon

In forum: Ascend Theme

In reply to: Replace the cart icon and mobile shop columns number
Ben Ritner

September 25, 2019 at 11:37 am #238073

Hey,
You just need to fix that css, should be this:
```
.kad-header-menu-outer.headerclass, 
#kad-mobile-banner.mobile-headerclass  { 
box-shadow: 0px 0px 5px rgba(57, 63, 72, 0.3);
}
```
Ben
In forum: Pinnacle Theme

In reply to: Move topbar content to bottom
Ben Ritner

September 24, 2019 at 12:56 pm #238026

Let me know if this is the css you are looking for:
```
.woocommerce-demo-store #kad-banner {
    margin-top: 40px;
}
@media (max-width: 660px) {
    .woocommerce-demo-store #kad-banner {
        margin-top: 62px;
    }
}
```
Ben
In forum: Virtue Theme

Topic: PopUp Creator?

Jason

September 19, 2019 at 3:13 pm #237745

Hi there, curious to know if there is a Pop-Up Creator anywhere in the Virtue Premium world of settings?

We have another website and are using “Elementor Pro” builder which has a very nice Pop Up Builder. Before we buy another Elementor License, I was wondering if possibly there is a similar feature (not Sitewide Banner) inside our Premium Virtue install.

Hope that is clear enough.

If yes, please provide some good details on where to locate that.
Thanks,

In forum: Virtue Theme

In reply to: CSS: header background image on a POST
Hannah

September 17, 2019 at 11:04 am #237591

Hi Jon,
For this to apply to all posts you would just remove the post id. Like this:
```
.single-post header#kad-banner {
    background: url('https://socialwork.uky.edu/socialworkwp/wp-content/uploads/2019/07/downtown-wide-low-level-page.jpg');
    background-size:cover;
    background-position:center;
    position: static;
    padding-bottom:32px
}
.single-post #topbar {
    background: transparent;
}
.single-article article header {
    display: none;
}
```
You can find all of our theme documentation here: http://docs.kadencethemes.com/virtue-premium/

Hannah
In forum: Virtue Theme

In reply to: CSS: header background image on a POST
Ben Ritner

September 16, 2019 at 12:58 pm #237559

I suggest you use this css:
```
.postid-9144.single-post header#kad-banner {
    background: url('https://socialwork.uky.edu/socialworkwp/wp-content/uploads/2019/07/downtown-wide-low-level-page.jpg');
    background-size:cover;
    background-position:center;
    position: static;
    padding-bottom:32px
}
.postid-9144.single-post #topbar {
    background: transparent;
}
.postid-9144 .single-article article header {
    display: none;
}
```
Posts and pages are totally different, you can’t treat them the same, the output and template are totally different.

Ben
In forum: Virtue Theme

In reply to: Optimize Press
Ben Ritner

September 5, 2019 at 3:19 pm #235244

Hey,
In your theme options > custom css you are adding this:
```
.banner {
    display: none;
}
```
I don’t know why. But that would fix your white area on the home page.

It appears Optimize Press is overriding the page templates and it’s creating an issue with the theme wrapper. That is easy enough to add support for but I need access to the files to know what code to write. Can you send me a .zip file of the plugin and I’ll either update the theme with support or send you a little fixer plugin that will prevent that conflict with Optimize Press overrides the wrapper.

send to [email protected]

Thanks!

Ben
In forum: Pinnacle Theme

In reply to: Kadence Slider Pro mobile button is not working
Ben Ritner

September 2, 2019 at 10:32 am #235004

Hey,
This is because even though you have your header and logo start out transparent they are still there, on mobile your slider is set to get so small the whole thing is under the transparent header.

Here is some css that will make it work:
```
@media (max-width: 767px){
    #kad-shrinkheader > .row {
        display: none;
    }
    .is-sticky #kad-shrinkheader > .row {
        display: block;
    }
    .stickyheader #kad-banner-sticky-wrapper:not(.is-sticky) #kad-banner {
        height: 34px !important;
        overflow: hidden;
    }
}
```
Ben
In forum: Virtue Theme

In reply to: Removing sidebar from mobile view
Ben Ritner

August 30, 2019 at 10:03 am #234767

Hey,
1. You can add this css:
```
@media (max-width: 767px){
    .kad-sidebar {
        display: none;
    }
}
```
2. You can add this css:
```
.contentclass {
    padding-bottom: 0px;
}
```
* Note that will apply to all pages. Another option if you just want it on one page is to add a -30px bottom margin to your last row in pagebuilder.

3. You can use this css:
```
#kad-banner > .container {
    display: none;
}
```
In forum: Ascend Theme

In reply to: How to setup the WordPress main menu to toggle on click
Hannah

August 29, 2019 at 6:57 am #234651

Hi Ivo,
Try adding this to your custom css box in Theme Options > Custom CSS:
```
.kt-header-position-above, .second-nav-container {
display: block;
}
#kad-mobile-banner {
display: block;
height: auto;
}
header#kad-header-menu {
display: none;
}
```
If that doesn’t work please post a link.

Hannah
In forum: Virtue Theme

Topic: sitewide banner

ross

August 28, 2019 at 5:44 pm #234622

Hi,
my sitewide banner seems to override my current menu header instead of adding onto the top. Can I create a create some margin space so it doesn’t cut off my logo? I tried messing with all the options in the theme options, but couldn’t find any answers.
my website is kfmiami.com

In forum: Pinnacle Theme

Topic: Image header Back Ground

Marcel

August 25, 2019 at 12:07 pm #234292

Hello

I’m having trouble figuring out how to place the banner I want to appear in some pages of the Pinnacle them. The banner is not showing in many pages.

For example take a look at these pages, none of them are displaying the header banner. I tried in personalization. Editing the post and setting the banner link.

Blog post: *Login to see link
Product: *Login to see link
Contact us: *Login to see link

Please help figure out how to place the header banner in these pages.

Best regards,

In forum: Pinnacle Theme

Topic: A lot of css issues with header & menu

Milla

August 23, 2019 at 7:05 am #234169

Yes,
page *Login to see link needs little more css.
I have sticky header (also for mobile) and I want it to be in colour until shrinking (transparent).

1) What is that white space between header and slider? How to get it off?
2) Is it possible to make menu disappear after clicking it? Now it stays visible all the time.
3) How to get menu width smaller in desktop? In mobile it´s fine now (50%) but maybe 33% would do in desktop?

Now I have this:

/* topbar off */
#topbar {
height: 0px;
}

/* topbar padding */
.container {
padding-top: 15px;
}

/* transparent shrinking menu */
.home #kad-banner-sticky-wrapper.is-sticky #kad-banner {
background: transparent;
width: 100%;
z-index: 1000;
}

/* hamburger menu on desktop */
.kad-primary-nav ul.sf-menu, .nav-main ul.sf-menu {
display: none;
}

#kad-mobile-nav {
display: block;
width: 50%;
margin-left: 50%;
}

#mobile-nav-trigger {
height: auto;
display: block;
}

Yours,
Milla

In forum: Virtue Theme

In reply to: Always display mobile menu
Hannah

August 15, 2019 at 9:15 am #233413

Sorry, the css is a bit more intricate than I realized. I changed the css to this:
```
@media (min-width: 992px) {
.kad-header-style-three .kad-nav-three, .mobile-nav-trigger-id {
    display: block !important;
    height: auto;
}
.mobile-stickyheader.kad-header-style-three .kad-nav-collapse {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll !important;
}
.id-kad-mobile-nav {
    display: block;
    height: auto;
}
.kad-nav-inner .kad-mnav {
    z-index: 1000;
    background: #f2f2f2;
}
.stickyheader #kad-banner-sticky-wrapper, .stickyheader #kad-banner-sticky-wrapper #kad-banner {
    height: auto!important;
}
}
```
I will have the developer confirm this is the best css to use.

Hannah
In forum: Virtue Theme

In reply to: Menu dropdowns are different colors
Ben Ritner

August 14, 2019 at 10:24 pm #233360

Hey,
I’ve set the “active” menu items to be orange. When your url is the menu item it’s going to pick that up as active on your home page.

Your items under portfolio you are just using the #local instead of the url with local at the end. (which by the way won’t work on your blog page, you need to have the full url).

You can add this and prevent the active color for your dropdowns:
```
#kad-banner #nav-main ul.sf-menu ul li a {
    color: #195ba0;
}
```
Ben
In forum: Virtue Theme

In reply to: Simple Mobile Background Header Color – How to setup, CSS or otherwise?
Hannah

August 13, 2019 at 11:28 am #233150

You can remove the padding and make it fullwidth with this css:
```
.container.mobile-header-container {
    width: 100%;
}
div#kad-mobile-banner {
    padding: 0;
}
```
Hannah
Author

Search Results