Search Results for 'cache'

[gwynmir]

gwynmir

#268198

I’m brand new to Kadence and using a staging site. When I’m editing a page and click on Kadence Block Controls and then block defaults, I go to any of the options (spacer, tabs, accordion, etc), and a popup box shows up with changes that can be made.

I can make those changes, but when I click “save/close,” OR the little X at the top right, nothing happens. I refershed everything, purged all cache, deactivated plugins, and nothing helps.

Does anyone know what might be causing this?

[gwynmir]

gwynmir

#268198

I’m brand new to Kadence and using a staging site. When I’m editing a page and click on Kadence Block Controls and then block defaults, I go to any of the options (spacer, tabs, accordion, etc), and a popup box shows up with changes that can be made.

I can make those changes, but when I click “save/close,” OR the little X at the top right, nothing happens. I refershed everything, purged all cache, deactivated plugins, and nothing helps.

Does anyone know what might be causing this?

[michaeljdeibert]

michaeljdeibert

#268191

Hi Ben,

As I was going through the final checks, I noticed that even though this css adjustment shows the desktop grid down to 1024px (working correctly), there’s a conflict with block display visibility. This is only evident in my sidebar elements, where I have some row blocks set to be hidden on Tablet.
An example can be seen here: https://staging7.queerfilmreviews.com/2021/07/queer-western-films/

In Developer, I’ve pinpointed the media query & css that *should* change this – but while it works in Developer, it’s not actually working on the front end (even after clearing all caches).

Here’s the css I added:

@media screen and (min-width:1024px){
.kvs-lg-false {
     display:none !important;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
.kvs-md-false {
    display: none !important;
    }
}

Again, changing the existing media query to note the max-width of 1023px (instead of the theme 1024px) works fine in Developer – but not elsewhere. It’s as if it’s being overruled – even placing that css in the child’s styles.css file. Is there another place within the theme that I also need to target? Or am I targeting the wrong selector?

I even tried to pinpoint it even further with: .entry-content .wp-block-kadence-rowlayout .kvs-md-false to no avail. But simply targeting the root .kvs-md-false selector should work site-wide.

I hope this is the last element with this, unless there’s anything else you might think should be checked?

Michael

[Karla]

Karla

#268173

Hello,

I tried accessing your website but it shows an error of too many redirects – https://share.getcloudapp.com/jku4x1vO. It shows even if I clear my browser’s cache or view it in an incognito browser.

It may not be exactly the reason as to why your add to cart is slow but kindly fix this error and see if the other issue will be resolved as well. Here’s an article you can refer to on fixing the redirect error.

Kind Regards,
Karla

[avisjohniotsford]

avisjohniotsford

#268157

Well, in fact, the cache is necessary for Google to prevent spam, but I do not fully understand how it works. IT companies mostly deal with this. I think there will be a technological solution to this soon.

development software
click

[chitocamacho]

chitocamacho

#268153

Hi SL,

Thank you for writing.

As per checking, your site is using the Inspiro theme.

Could you purge the site cache and activate the Virtue theme?

Also, may I know what template you’ve imported on your site to replicate it on my test site?

Regards,
Chito

[michaeljdeibert]

michaeljdeibert

#268134

Hi Ben,

2. That did the trick! And it does make sense that the grid would need included since the breakpoint is different. It just was puzzling why you had chosen 1024px in that code (which we see now was an error). Especially as you’ve commented elsewhere on the forum that desktop breakpoint was 1024px and upwards. And furthermore made confusing because I have other css elements with a media query that were changed at the 1024px.

1. The “lovely” limitations between variables, speed, size, etc. Definitely complicates things with trying to create a built-in, user selected screen size for the breakpoints. Thinking outside the box and from outside the theme code…

If we ignore a complete breakpoint variable and just focus on allowing the user to select the orientation, ‘orientation’ isn’t a variable in the same way. It’s a static element pulled from the device, as each device already triggers which media query to load. Page caching would be affected, yes, because there are now instead of three breakpoints (desktop, tablet, mobile), there would be five (desktop, tablet-portrait, tablet-landscape, mobile-portrait, and mobile-landscape). But once they page is cached on the site’s server, it wouldn’t be a major issue.

And yes, it would mean having to add the actual css for those each screen size & screen orientation combination, which would result in a larger css file. But would that really have a significant effect though? (Unless I’m missing something, that’s only two more blocks of css.)

To keep things clean and streamline for those who don’t want to include orientation, (and a way to give incentive to people buying pro) can it be a Pro element that is turned on or off like Hooked Elements, or Conditional Headers? That way, if the user doesn’t want to deal with Orientation, it’d load a styles.css without orientation included (the current css) – but if they turned that on, then they’d simply load the css that includes it? Nothing would be dynamic, just an if/else argument.

In terms of practical application, I’m basing a lot off this list of common screen and tablet sizes/viewports: https://mediag.com/blog/popular-screen-resolutions-designing-for-all/
[and not to add another wrench in, but I’m wondering if the 768px is the best choice for tablet/mobile breakpoint… though I think this is more connected to the customiser layout?]

At quick glance, it looks like you’ve chosen to focus on Apple devices (which are the larger share, according to other sources). Thus the 1024px breakpoint between desktop and tablet, and the 768px breakpoint between tablet and mobile. Those are the max and min sizes for all iPads (except Pro but that’s larger).

But for mobile screens, the max size of the shortest side in portrait mode is only 480px. Meanwhile, the min size of the smallest side of a tablet is 600px (Nexus 7). If we look at the longest side of mobile screens, which would determine the width in landscape layout (commonly used even on mobile screens, esp to watch videos), then the min size is 568px (iPhone 5 and iPod) – which is still larger than all mobile screens in portrait mode. Right now, with the current Kadence tablet/mobile breakpoint of 768px, simply adding ‘orientation’ to the media query would create a mess. BUT, if that breakpoint were moved to 568px, it’d make more sense and be more consistent across devices.

So if we go back to the concept of adding ‘orientation’ to the media query, with static breakpoints of 1024px and 568px (changed from the 768px), there would still only be a total of five possible grid options. If this is something able to be turned on/off like the other Pro addons, then for anyone not wanting to invoke screen orientation, it would stay simplified to just the three.

[Karla]

Karla

#268098

Hello Marcus,

Please could you send a link to your website shop so we can see the behavior? You may set your reply as private so only the support team can see it.

Additionally, try to do the following steps to identify why the issue is happening:

• Purge any cache that you may have.
• Deactivate your other plugins one by one and test the add to cart function on the shop page after each deactivation to see if the AJAX add to cart will still happen. This will pinpoint if a certain plugin is doing that.

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

Best Regards,
Karla

[BillTom]

BillTom

#268058

Hello,

I have the following issue:

When I try to use the design library, not all the designs work. I do not see any error pattern in it.
I tested them all – the uploaded picture shows which worked and which did not.
In every case “preparing content” flashes up. Very shortly for the non-working items, a bit longer and then changing to the page for the working ones.

Do you have any idea how to track the error down?

I tested it on a staging environment with no cache enabled; checked it with all non-Kadence plugins disabled => same result.
It worked flawlessly in my local test environment.
I tested it with Firefox, Chrome and MS Edge Browsers, same result.

Kind regards
Bill

[BillTom]

BillTom

#268058

Hello,

I have the following issue:

When I try to use the design library, not all the designs work. I do not see any error pattern in it.
I tested them all – the uploaded picture shows which worked and which did not.
In every case “preparing content” flashes up. Very shortly for the non-working items, a bit longer and then changing to the page for the working ones.

Do you have any idea how to track the error down?

I tested it on a staging environment with no cache enabled; checked it with all non-Kadence plugins disabled => same result.
It worked flawlessly in my local test environment.
I tested it with Firefox, Chrome and MS Edge Browsers, same result.

Kind regards
Bill

[michaeljdeibert]

michaeljdeibert

#268047

Hi,

1024px is a tricky screen size to target. It’s the upper range of the longest possible resolution size for tablets (according to THIS chart.

Some designers want to keep all tablet sizes the same, whether in portrait or landscape orientation. But others, myself included, want to use a horizontal orientation when the tablets are horizontal, especially when sidebars are included (as they often are on desktop layouts).

Right now, that’s not possible via Customiser and I’m running into troubles achieving it via CSS.
[Note, there is already a theme feature request with 49 upvotes… so this customisation seems wanted.]

It’s been noted that the current Kadence breakpoints are:
– 1024px and above: Desktop
– below 1024px to 768px: Tablet
– below 768px: Mobile

Except when viewing the actual @media queries in all.min.css, the actual desktop layout option targets 1025px and above… not 1024px.

@media screen and (min-width: 1025px){.has-sidebar .content-container{display:grid;grid-template-columns:5fr 2fr;grid-gap:var(--global-xl-spacing);-webkit-justify-content:center;justify-content:center}...}

1. Could we get an option, ideally via customiser, to include orientation options for tablets? Or get a query rewrite that includes orientation that is then customisable in Customiser with a select option? i.e. to allow landscape orientation to display desktop layout. (if not, then it defaults to tablet layouts instead.)

______________

2. My Current CSS Issue:

Working with Ben, we’ve included css to adjust the paddings regarding my right sidebar. The target screen size in our css is min-width:1024px.

/* remove padding for sidebar template and allow full-width within inner content area */

@media screen and (min-width:1024px) {
.has-sidebar .content-container {
max-width: 100%;
padding: 0;
grid-template-columns: 70% 30%;
grid-gap: 0;
}
.has-sidebar .site .content-container .alignwide, .has-sidebar .site .content-container .alignfull {
margin-left: -90px;
margin-right: -60px;
}
.has-sidebar .site .content-container .wp-block-kadence-column .alignwide, .has-sidebar .site .content-container .wp-block-kadence-column .alignfull {
margin-left:0;
margin-right:0;
}
}

It should be overwriting the “grid-template-columns:” choice in the all.min.css code cited above – but it’s not. And changing the screen pixel to 1023px to force a tablet-landscape mode is not displaying correctly either.
[Tested both in Chrome developer in their desktop = 1024px screen size, but also in a custom iPad-Horizontal size – and on my ipad itself in landscape orientation. As usual, all caches cleared, no change.]

However, when I adjusted the few other css changes that involve the 1024px media query, those ARE adjusted. So do I need to target a more specific class to force desktop layout on 1024px? or go even broader?
I have my child theme… should that css go into the child theme’s styles.css instead of Customiser’s “Additional CSS” in order for it to load even earlier?

Help would be appreciated. Thanks!

[michaeljdeibert]

michaeljdeibert

#268047

Hi,

1024px is a tricky screen size to target. It’s the upper range of the longest possible resolution size for tablets (according to THIS chart.

Some designers want to keep all tablet sizes the same, whether in portrait or landscape orientation. But others, myself included, want to use a horizontal orientation when the tablets are horizontal, especially when sidebars are included (as they often are on desktop layouts).

Right now, that’s not possible via Customiser and I’m running into troubles achieving it via CSS.
[Note, there is already a theme feature request with 49 upvotes… so this customisation seems wanted.]

It’s been noted that the current Kadence breakpoints are:
– 1024px and above: Desktop
– below 1024px to 768px: Tablet
– below 768px: Mobile

Except when viewing the actual @media queries in all.min.css, the actual desktop layout option targets 1025px and above… not 1024px.

@media screen and (min-width: 1025px){.has-sidebar .content-container{display:grid;grid-template-columns:5fr 2fr;grid-gap:var(--global-xl-spacing);-webkit-justify-content:center;justify-content:center}...}

1. Could we get an option, ideally via customiser, to include orientation options for tablets? Or get a query rewrite that includes orientation that is then customisable in Customiser with a select option? i.e. to allow landscape orientation to display desktop layout. (if not, then it defaults to tablet layouts instead.)

______________

2. My Current CSS Issue:

Working with Ben, we’ve included css to adjust the paddings regarding my right sidebar. The target screen size in our css is min-width:1024px.

/* remove padding for sidebar template and allow full-width within inner content area */

@media screen and (min-width:1024px) {
.has-sidebar .content-container {
max-width: 100%;
padding: 0;
grid-template-columns: 70% 30%;
grid-gap: 0;
}
.has-sidebar .site .content-container .alignwide, .has-sidebar .site .content-container .alignfull {
margin-left: -90px;
margin-right: -60px;
}
.has-sidebar .site .content-container .wp-block-kadence-column .alignwide, .has-sidebar .site .content-container .wp-block-kadence-column .alignfull {
margin-left:0;
margin-right:0;
}
}

It should be overwriting the “grid-template-columns:” choice in the all.min.css code cited above – but it’s not. And changing the screen pixel to 1023px to force a tablet-landscape mode is not displaying correctly either.
[Tested both in Chrome developer in their desktop = 1024px screen size, but also in a custom iPad-Horizontal size – and on my ipad itself in landscape orientation. As usual, all caches cleared, no change.]

However, when I adjusted the few other css changes that involve the 1024px media query, those ARE adjusted. So do I need to target a more specific class to force desktop layout on 1024px? or go even broader?
I have my child theme… should that css go into the child theme’s styles.css instead of Customiser’s “Additional CSS” in order for it to load even earlier?

Help would be appreciated. Thanks!

[Herbert Gieg]

Herbert Gieg

#267955

Hello,

I use Kadence Pro Theme and I’m trying to edit some checkout fields with WooExtras.

I’m facing two problems:

1 – I can’t reduce the size of the city field. It doesn’t seem to comply, as the class keeps showing up as form-row-wide in F12.

2 – When I create a new field, it is not hidden until the correct checkout step.

I have already disabled all cache plugins.

Am I doing something wrong?

[Herbert Gieg]

Herbert Gieg

#267955

Hello,

I use Kadence Pro Theme and I’m trying to edit some checkout fields with WooExtras.

I’m facing two problems:

1 – I can’t reduce the size of the city field. It doesn’t seem to comply, as the class keeps showing up as form-row-wide in F12.

2 – When I create a new field, it is not hidden until the correct checkout step.

I have already disabled all cache plugins.

Am I doing something wrong?

[Chris]

Chris

#267884

Hello,

Have you cleared any caches on the site by chance? That sounds like it may be a cache issue. Do you see any errors in the browser’s console log?

https://kadence-theme.com/knowledge-base/troubleshooting/how-to-view-console-log-errors/

Thanks!

Chris

[nacho]

nacho

#267812

Hi Hannah. Yes. I have cleared all browsers cache and it still happens…

[Hannah]

Hannah

#267774

Hi nacho,
Apologies for the delay! I’m using the Chrome browser and the smooth scroll appears to be working correctly. Have you tried clearing your cache?

Kindly,
Hannah

[avciumut]

avciumut

#267760

Hi Karla,

Thanks for the answer. you can find below what I did step-by-step

– I saved permalinks settings, doesn’t work
– I haven’t installed any cache clear plugin yet, so I installed Fast Velocity Minify then clear, still nothing
– I cleared my browser cache, still nothing
– suddenly, WordPress showed me a new update for WordPress, which is 5.8.1. Everything is currently up to date. doesn’t work
– installed the Health Check and applied every step on the troubleshooting steps, still nothing.

Before what I designed on the web page has been still working, so I haven’t had any problem with the console. RightNow, I can’t edit what I did before and couldn’t add another page. Any idea?

Best,
Umut

[chitocamacho]

chitocamacho

#267702

Hi Johan,

Thank you for writing!

I checked the link but did not encounter the issue. https://share.getcloudapp.com/7KuE661E

May I know what browser you are using and its version? Kindly check if you are using an updated browser and clear your browser cache.

Regards,
Chito

[billie.carroll]

billie.carroll

#267674

Cleared caches several times, and found the SSL certificate was being reported as not activated, so, resinstalled the Let’s Ecrypt cert. Cleared caches again.

(Using Litespeed for cache/optimization.)

Now mmessage says
” Template: Get.Income
Import complete!
Error: error (503) “

[Karla]

Karla

#267632

Hello,

I’m sorry to hear you’re experiencing this issue.

However, when I checked your website, all images are showing fine – https://share.getcloudapp.com/z8urk2r1. Were you able to sort out the issue already?
If the images are still not showing on your end, try clearing your browser cache or view it in an incognito/private browser window as it is possible that it is a cache issue.

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

Regards,
Karla

[Karla]

Karla

#267575

Hello,

You have caching enabled. Kindly make sure to purge any cache to make sure your changes are reflected right away.
Please do open a new topic if we can assist you with anything else.

Kind Regards,
Karla

[Karla]

Karla

#267570

Hello,

Does that mean that a Kadnece child theme will not function when using optimizing applications for caching or combining css files so the site performs better?

No, the child theme will function. The point of some optimizations is to make the loading of your websites faster by saving the resources in a single or fewer file. However, you have to make sure that after changing anything(updates, custom CSS codes change, etc), you’ll have to purge your cache so that those resources will be refreshed, will include your changes, and will reflect on your pages.

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

Regards,
Karla

[Kevin]

Kevin

#267556

Hi Stefan, thanks for contacting us regarding the alignment of your heading.

It appears that the item is still being set to a center align on your site. Make sure that your heading is setup like this:
https://share.getcloudapp.com/9ZuQQyJ9

If your settings match, then can you please verify that your cache is cleared as well?

Thanks,
Kevin