Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle
Search Results for 'footer'
-
AuthorSearch Results
-
In forum: Kadence Blocks
Hi!
The link to the Viber messenger does not work in the header and footer.
There is no Viber in “Social Network Links”. For this I use the “CUSTOM 1” field.Viber link has the format:
viber://chat?number=%2Bphone_number (%2B instead of + here)For example, for the number +1-222-333-4567 the link will look like this:
viber://chat?number=%2B12223334567I add a link to “CUSTOM 1”, save, reload the page, but the link in the menu doesn’t work. “href” is empty:
<a href="" aria-label="Viber" target="_blank" rel="noopener noreferrer" class="social-button header-social-item social-link-custom1">...-
This topic was modified 2 years, 8 months ago by
270378.
Hannah, Ben,
We just started using Elementor as an editor for our pages within the Virtue Premium Theme (which I’ve been using for years; we’re on the latest version) but now whenever we save changes on a page, they don’t appear on the front-end at all…it’s like we changed nothing. (The front-end just shows that old content from before Elementor. When we go back in and edit the pages, all of our recent changes are there with no old content anywhere to be found!)
We tried changing from the Default page template to the Elementor Canvas (and FullWidth) templates. (But that did nothing except remove old headers, footers, and sidebars…and it still shows the old content just stuffed against the top-left of the browser window!)
Is this a known issue with Virtue Premium and Elementor? Any suggestions? (If you need to take a look at our issue directly, I can get a login to you so you can take a closer look. You guys have always been able to come up with a quick solution for me in the past when it comes to this kind of stuff…)
Thanks in advance!
In forum: Membership ForumsIn reply to: Very big theme_mods_ with things that are not in use
August 10, 2023 at 9:11 am #284986Hey Michal,
The latest update to the Kadence Theme cleans up the social CSS output to narrow down what needs to be output. Just for reference, there are three places where the social icons can be added (header, mobile header and footer), and in each, the social modal can have brand colors selected. Either way that should be resolved with the latest update.As for getting access, I can’t get to your admin page. Apparently, USA is a blocked country. Can you add it or tell me which country has access and I can VPN in.
There is nothing about the child theme mods that you posted that is concerning to me. I think something else is causing an issue and I’m happy to look into it.
Ben
In forum: Kadence ThemeIn reply to: Various theme specific questions
August 9, 2023 at 5:29 pm #284966Hi There,
[carousel under the header]
With Kadence Pro, you can create a Hooked element to create a carousel.- Enable Hooked elements from Appearance > Kadence. Check the screenshot: https://share.getcloudapp.com/7KuzmN4b
- Goto Appearance > Kadence > Elements > create a new element
- You will see a pop-up to select Element Setup > Content Section. Check the screenshot: https://share.getcloudapp.com/YEuepbl9
- Select a row layout and personalize the design to suit your requirements.
- Select Element Settings from the right top icons.
- Set Placement: After Header.
- Show On: Entire site or Single Product.
[How can I change this image in the title bar]
- customizer > Posts/Pages Layout > Archive Layout > Enable Show Archive Title > Select design tab > Archive Title Background
- Check the screen recording: https://share.getcloudapp.com/7KuWkJpp
[On my homepage, I would like to have a carousel]
If you are using Kadence Blocks Pro, then you can use the Advanced Slider block to create a carousel on the homepage. https://www.kadencewp.com/kadence-blocks/pro/advanced-slider/[I’d rather have the search bar directly in my header. Is this possible?]
You can add a search bar in the header from customizer > Header > Search bar(Drag and Drop in your header)
The Search Bar item is only available in the header for users with the Kadence Pro plugin installed and activated on their website.
Check the screen recording: https://share.getcloudapp.com/2Nup7xpQ
[filter for my shop page]
You can use a Sidebar on your Shop Archives. You can customize the Sidebar by going to your Appearance > Menus. WooCommerce comes with filter blocks that can be used on your Sidebar. For example, the Filter: Product By Price block.Once you have customized and saved your Sidebar, you can go to your Customizer > WooCommerce > Product Catalog. You can select an Archive Layout with a Sidebar under the Archive Layout options.
Here is a video for reference: https://share.getcloudapp.com/YEuD9YzJ
You can also consider using the Catalog Off Canvas Widget. You can go to your Appearance > Widget and add your filters to the Catalog Off Canvas Widget. Then you can go to your Customizer > WooCommerce > Product Catalog. You will see the Off-Canvas Sidebar settings. You can enable the option to Add Off Canvas Widget Area. This will allow you to set a Toggle Icon and Label. The Toggle Icon and Label will appear above your Shop Items. Once you press the Toggle Icon, the Catalog Off Canvas Widget will slide out.
Here is a video for reference: https://share.getcloudapp.com/JruyJBLX[On my product detail page: I have cross/upsell products, but can I turn it into a carousel, so I can show more items?]
Currently, there is no option to turn the cross/upsell section into a carousel. Kadence offers a carousel for the related products section.[Currently I am using the mega menu, and it opens on hover. Can I let it open on click instead?]
You can do this using Custom CSS and Custom Code.You can add Custom CSS in your Customizer> Additional CSS. https://www.kadencewp.com/kadence-theme/knowledge-base/general/how-do-i-add-custom-css/
Here is the Custom CSS:
.header-menu-container ul.menu>li.menu-item-has-children>ul.sub-menu, .header-menu-container ul.menu>li.menu-item-has-children>ul.sub-menu * { visibility: hidden !important; transition: none; } .header-menu-container ul.menu>li.menu-item-has-children>ul.sub-menu.clicked { visibility: visible !important; opacity: 1 !important; clip: auto !important; height: auto !important; overflow: visible !important; } .header-menu-container ul.menu>li.menu-item-has-children>ul.sub-menu.clicked * { visibility: visible !important; } .header-menu-container ul.menu>li.menu-item-has-children.menu-item-object-custom>ul.sub-menu.clicked { display: block; }You can add this code using the Code Snippets plugin: https://www.kadencewp.com/kadence-theme/knowledge-base/advanced/how-to-add-a-custom-filter-or-function-with-code-snippets/
Here is the Custom Code:
add_action('wp_footer', function(){ ?> <script> const megaMenu = document.querySelectorAll('.kadence-menu-mega-enabled > a'); const subMenu = document.querySelectorAll('.kadence-menu-mega-enabled > .sub-menu'); const siteNavigation = document.getElementById('site-navigation'); megaMenu.forEach( function(menu){ menu.addEventListener('click', function(e){ e.preventDefault(); if ( menu.parentElement.querySelector('.sub-menu').classList.contains('clicked') ) { subMenu.forEach( function(submenu){ submenu.classList.remove('clicked'); }); } else { subMenu.forEach( function(submenu){ submenu.classList.remove('clicked'); }); menu.parentElement.querySelector('.sub-menu').classList.add('clicked'); } }); }); document.addEventListener('click', function(event) { let isClickInsideElement = siteNavigation.contains(event.target); if (!isClickInsideElement) { subMenu.forEach( function(submenu){ submenu.classList.remove('clicked'); }); } }); </script> <?php },99);I hope this information was helpful to you. Please let me know if this works for you.
Best Regards,
Archita-
This reply was modified 2 years, 8 months ago by
architabasandrai.
In forum: Kadence ThemeAugust 5, 2023 at 12:26 pm #284891Hello,
My website has a menu in the footer. I found CSS codes that worked in conversations on relevant subjects, but mine didn’t.
Can the horizontal lines that appear beneath each link be removed? For more information, go to *Login to see linkIn forum: Kadence ThemeIn reply to: Header and footer problem
August 4, 2023 at 5:39 am #284877Hi there,
Sorry for not getting back to you sooner, as we have a high volume of tickets.
I’m glad to hear the issue’s now resolved. I can also confirm that all the pages display the same header and footer. However, I have just visited the site a while ago and didn’t do anything.
I believe it really was the website cache that caused the issue. Since you have two caching plugins; LiteSpeed Cache and SpeedyCache, it’s like they are breaking each other’s functionalities. We recommend using only one caching plugin to prevent issues like this.
If the issue happens again in the future, please make sure to clear the website cache first and don’t hesitate to reach out to us again if the issue persists.
Best,
ChitoIn forum: Kadence ThemeIn reply to: Header and footer problem
In forum: Kadence ThemeTopic: Individual page fixed width?
Hi Kadence Folks,
I’m using the Kadence Theme for a site but my client wants to display a specific page onto a digital screen that is essentially a TV monitor and it won’t be viewed on any other device, doesn’t need the header or footer (already have turned those off for this page). But we need the page to be a specific width that is different from the site – is this possible? They’ll actually have 7 or 8 pages like this that all have specific dimensions.
Many thanks in advance!
SaraIn forum: Kadence ThemeAugust 2, 2023 at 5:45 am #284834Hello,
There is a menu in the footer of my website. In discussions on related topics, I came across CSS codes that worked, but mine didn’t.
Is it possible to get rid of the horizontal lines that appear beneath each link? Visit the website at *Login to see link to see it.In forum: Kadence ThemeIn reply to: Header and footer problem
I use Kadence in the free version, so I don’t use conditional headers. I cleared the cache – still the same.
I reinstalled WP, template and Kadence block. Still the same. The header and footer still look different on the home page than on other pages (mobile version).
Go to the website from your phone and see how it looks. I don’t understand it.
In forum: Kadence ThemeIn reply to: The footer menu is inoperable
In forum: Kadence ThemeIn reply to: Header and footer problem
In forum: Kadence ThemeJuly 29, 2023 at 1:45 pm #284777Hello,
My website has a menu in the footer. I found CSS codes that worked in conversations on relevant subjects, but mine didn’t.
Can the horizontal lines that appear beneath each link be removed? Go to *Login to see link to view the website.In forum: Kadence ThemeTopic: Header and footer problem
Hi:)
Can someone tell me why in the Kadence (Print Shop) + Woo + Gutenberg, when customizing the page, the changes made to the header and footer (mobile devices) are shown on all subpages except the home page and the sales page (shop)? On the desktop everything is visible and ok.
I’ve been fighting with this all day and I don’t know what’s going on. Is this a bug on my side or is it global and temporary?I will be grateful for your help:)
Sorry for my English 🙂
In forum: Kadence ThemeJuly 26, 2023 at 1:38 pm #284745Hello,
There is a menu in the footer of my website. In discussions on related topics, I came across CSS codes that worked, but mine didn’t.
Is it possible to get rid of the horizontal lines that appear beneath each link? Visit the website at *Login to see linkIn forum: Kadence ThemeIn reply to: The footer menu is inoperable
July 24, 2023 at 2:38 pm #284719Hi There,
Apologies for the delay in getting back to you, as we do not have support over the weekends.
I have checked the webpage, and there are no horizontal lines beneath the link in the footer. Check the screenshot: https://share.getcloudapp.com/lluX7jJp
Can you confirm if you were able to resolve the issue?
If I misunderstood what you’re trying to do, please let us know, and we’ll be more than happy to help.
Best Regards,
ArchitaIn forum: Kadence ThemeJuly 23, 2023 at 12:58 pm #284702Hello,
In the footer of my website, there is a menu. I found CSS codes that worked in conversations about comparable topics, but mine didn’t.
Can the horizontal lines that appear beneath each link be removed? Go to *Login to see link to access the webpage.In forum: Kadence ThemeIn reply to: The footer menu is not functional
July 18, 2023 at 1:53 pm #284654Hi There,
I have checked your website. The horizontal lines are not displaying beneath your footer menu.
Check the screenshot: https://share.getcloudapp.com/eDuEXr24If the underline is still displaying at your end, I would recommend that you clear the cache of both the website and browser.
- Check the article to clear the cache: https://www.kadencewp.com/kadence-theme/knowledge-base/troubleshooting/clearing-your-website-cache/
- Check the article to clear the browser cache and cookies: https://support.google.com/accounts/answer/32050?hl=en&co=GENIE.Platform%3DDesktop
As you are using the WP Rocket plugin, you can check using a dedicated query string that will bypass all of WP Rocket’s optimizations: ?nowprocket
– https://soundsoftext.com/id/?nowprocketPlease check at your end and let me know.
Let us know if we can assist you further.
Best Regards,
ArchitaIn forum: Membership ForumsIn reply to: Very big theme_mods_ with things that are not in use
July 18, 2023 at 1:23 pm #284653Hey,
I want to make sure I understand your issue so I’m going to try and sum up.Social CSS for brand colors outputs if enabled, in the grand scheme of things, is a relatively small amount of CSS we drop into the header to handle all the brand colors. It’s simply a small way to lighten CSS files if you’re not using brand colors. Because it applies to both icons used in the header and in the footer, it’s not specific. But I heard you it’s an easy way to optimize the page size all be it in an almost unperceivable way. I’ve put a task on our board to change this up in the next version just to keep things rendered in CSS lighter.
Outside of that you’re main thing is the theme_mods. You wrote:
My Head Hook wp_head have long execute time. Clean WP installation with Kadence theme had about 150ms, but my production environment site had about 600ms.Something is wrong if you see that and I do not believe it has anything to do with the size of your theme mods.
The way theme mods work is that the options table is loaded once from the databsae and pushed into an array with static defaults, the size of the mods wouldn’t make a difference at the sizes we are talking, even if you had every setting defined. The way “resets” work in theme mods is to put it back to “default” which is not the same as to put it back to empty. But again, this wouldn’t make a speed difference unless something is wrong on your site. Because default or empty the same thing happens they get dropped into an array with all the static defaults and then processed.
So let me say I don’t think the 600ms you are seeing on production is because of kadence theme mods. I think there is more to investigate and track down. Also 600ms or even 150ms is longer than it should take for example on a testing site where I’m running 40+ plugins many of them are large like woocommerce, TEC, learndash, etc. my head hook loads in 40ms.
So I would love to investigate more, can you get me access to a stage of your production site? I can try and track down what is happening.
Ben
In forum: Kadence ThemeHello,
My website has a menu that is featured in the footer. In discussions regarding related issues, I discovered CSS codes that worked, but mine didn’t.
Is it possible to remove the horizontal lines that are present beneath each link? You may get to the website at *Login to see link -
This topic was modified 2 years, 8 months ago by
-
AuthorSearch Results


