Search Results for 'footer'

[cuttingwarmer567]

cuttingwarmer567

#286329

Hi there,
My website has a menu that is emphasized in the footer. I discovered CSS codes that worked in articles with same problems, but mine didn’t.
Can the horizontal lines beneath each link be removed? The website, *Login to see link is accessible.

[cuttingwarmer567]

cuttingwarmer567

#286329

Hi there,
My website has a menu that is emphasized in the footer. I discovered CSS codes that worked in articles with same problems, but mine didn’t.
Can the horizontal lines beneath each link be removed? The website, *Login to see link is accessible.

[Karla]

Karla

#286310

Hi there!

Thanks for letting us know that you resolved this already.

Please note that adding code customizations directly to theme files is not recommended. Anything you add there will be overwritten once you update to the latest version.

For code snippets like this, add it using plugins like Headers & Footers.

Let us know if we can help you further.

Regards,
Karla

[itsfrancescagraziella]

itsfrancescagraziella

#286036

Hi Karla,

Thanks. I had wprocket disabled so I didn’t post it. I’ve gone ahead and enabled wprocket again so you can test if needed.

I went through those settings and I do have everything as per that recommended list, including I did have Remove Unused CSS (as that is the best option). I’ve gone ahead and made the change to Load Asynchronously. After that it did refresh the tablet page properly. Is this a temporary fix or is this the setting I need to keep to use the wootemplates? It’s not the best recommended for performance from what I see.

Product Page sample with issue:
https://shop.goinkspire.com/product/notion-reading-tracker/

I did notice that a regular page (I don’t have many in the shop subdomain so below is a sample) the footer doesn’t maintain the proper tablet settings (with remove unused css) on the wootemplate link as it shows on the overall page as in link below:
https://shop.goinkspire.com

Thank you!
Francesca

[gilberthernandez]

gilberthernandez

#285716

This thread is marked resolved. Previous comment answered at: https://www.kadencewp.com/support-forums/topic/sticky-footer-4/

[chitocamacho]

chitocamacho

#285703

Hi there,

Thanks for the link to the page.

I see the Modal is placed outside the content area – see screenshot: https://share.zight.com/8Lu6Jbqk

Enabling the “Load Content After Footer” option should resolve the issue – see screenshot of the setting: https://share.zight.com/yAunvDJQ

That option provides better support for a modal if placed outside the content area.

Let us know how it goes.

Best,
Chito

[teejayhidalgo]

teejayhidalgo

#285674

Hi Lea,

Yes, the pagination reloads the page, so it is expected behavior to show the content from the very top.

Here’s a screen recording for reference: https://share.getcloudapp.com/qGu6X5Ap

There is no option with this block to scroll to its position after going to different pages.

A workaround is to add a custom script, so it’ll scroll down to the block if the URL contains the “page” text:

1. Insert the Post Grid/Carousel block inside a Row Layout block.
2. Add an HTML Anchor in the Advanced Setting of the Row Layout block container of the Post Grid/Carousel block.
   As an example postsblock
3. Add this Javascript in the Kadence Blocks Control > Page Scripts – In the footer.

<script>
if (window.location.href.indexOf("page") > -1) {
    scrollTo('postsblock');
}
    function scrollTo(hash) {
    location.hash = "#" + hash;
    }
</script>

Here’s a screen recording for reference: https://share.getcloudapp.com/X6u79AWA

I hope this helps. If I misunderstood what you’re trying to do or if what I have shown is still not working for you, please let us know, and we’ll be more than happy to help.

Best regards,
Teejay.

[chitocamacho]

chitocamacho

#285658

Hi there,

Thanks for the links to the pages. Are you referring to this space below the footer – https://share.zight.com/NQu5vrE8? If so, it’s from a third-party gallery plugin. That plugin adds HTML codes below the body tag which displays a large space – see screenshot: https://share.zight.com/7KuXyL2E

Try disabling plugins and see which one causes the issue.

Let us know how I can help further.

Best,
Chito

[Joanne]

Joanne

#285653

Hi there
I am trying to display a verification badge from an organisation (Psychology Today) in my website footer. Its showing successfully in my desktop, but I am unable to get it to appear with the mobile footer. It shows up in the preview when I’m in the editor, but not on my actual mobile. I’m using elements for my footers
The website is http://www.houndsconnect.co.uk
Can you help?
Thank you

Joanne

[Joanne]

Joanne

#285653

Hi there
I am trying to display a verification badge from an organisation (Psychology Today) in my website footer. Its showing successfully in my desktop, but I am unable to get it to appear with the mobile footer. It shows up in the preview when I’m in the editor, but not on my actual mobile. I’m using elements for my footers
The website is http://www.houndsconnect.co.uk
Can you help?
Thank you

Joanne

[franciscocarvalho434]

franciscocarvalho434

#285637

Hi,
I don´t get the footer sticky with the content and stopped on the bottom page, it’s floating always on all pages. It just works if I have a Shortcode block with a video gallery code or so. It doesn’t matter if the content is small or big.

Could you please give me a solution to fix it?

You can check it doesn’t work at *Login to see link and works well at *Login to see link (the 2nd has a video gallery on top that might give some kind of CSS that makes the footer sticky on the bottom

Best

[franciscocarvalho434]

franciscocarvalho434

#285637

Hi,
I don´t get the footer sticky with the content and stopped on the bottom page, it’s floating always on all pages. It just works if I have a Shortcode block with a video gallery code or so. It doesn’t matter if the content is small or big.

Could you please give me a solution to fix it?

You can check it doesn’t work at *Login to see link and works well at *Login to see link (the 2nd has a video gallery on top that might give some kind of CSS that makes the footer sticky on the bottom

Best

[franciscocarvalho434]

franciscocarvalho434

#285630

Hi,
I don´t get the footer sticky with the content and stopped on the bottom page, it’s floating always on all pages. It just works if I have a Shortcode block with a video gallery code or so. It doesn’t matter if the content is small or big.

Could you please give me a solution to fix it?

You can check it at https://fsantosdp.com

Best

[architabasandrai]

architabasandrai

#285553

Hi Joanne,

Thanks for sharing the website access.

I logged into your website and checked the Footer 2 element.

When you are using the WP Navigation block, you need to update the menu, you’ll have to reassign the menu set to the Navigation block or manually add/edit the menu items.

There is a support forum related to this: https://wordpress.org/support/topic/navigation-block-doesnt-work-at-all/#post-16852986

So, the workaround that users do is that after they change the menu selected for the Navigation block, they update the menu. After that, the correct menu items should be reflected on the actual page.

Check the screen recording: https://share.getcloudapp.com/nOuLJ1ZK

I hope this helps, and let us know how it goes.

Best Regards,
Archita

[chitocamacho]

chitocamacho

#285546

Hi Joanne,

Thanks for the screenshots.

It looks like a caching issue to me. Did you copy/paste or duplicate the Navigation block? Have you also cleared the website cache?

I checked the footer, but the hooked element is not there.

If you’re still having trouble, I could take a closer look. Here’s a guide to creating a temporary admin access and send the login link here as a private reply. Be sure to check the “Set as private reply” option below.

Best,
Chito

[Joanne]

Joanne

#285517

Hi
I’m trying to create a new footer using elements to include a navigation around my site (similar to that shown in the kadence website). I have tried to create using the navigation block and custom menus, but for some reason the menu that is shown is the footer menu, even though the draft version shows the page lists that I want to display. I also created menus in wordpress and tried to import them but nothing changes. Can you help?

The website is http://www.houndsconnect.co.uk

Thank you
Joanne

[Joanne]

Joanne

#285517

Hi
I’m trying to create a new footer using elements to include a navigation around my site (similar to that shown in the kadence website). I have tried to create using the navigation block and custom menus, but for some reason the menu that is shown is the footer menu, even though the draft version shows the page lists that I want to display. I also created menus in wordpress and tried to import them but nothing changes. Can you help?

The website is http://www.houndsconnect.co.uk

Thank you
Joanne

[Andy DelGiudice]

Andy DelGiudice

#285438

Hi – I’m glad to see this was resolved but I’m having the same issue but I haven’t figured out how to change the footer font size of my site. A link to solutions would be great, if available.

[Ben Ritner]

Ben Ritner

#285437

The main thing is that you can’t save special characters into the script’s input else you risk breaking things. You were opening an HTML comment and then had — which broke the closing of that HTML comment and broken the scripts on your site, it was only because this was happening in the footer that you didn’t see things broken on the frontend of your website.

Ben

[Ben Ritner]

Ben Ritner

#285436

Hey Arjan,
I took a look and had to do a little bit of a deep dive to figure things out. You saved some invalid HTML into the footer scripts of your theme options. This was breaking the options object and preventing the initialization from running on the options pages.

I created a snippet to access the options and remove the offending special characters.

You should be all set now.

Ben

[kenworthysonpartor]

kenworthysonpartor

#285357

Hello,
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 *Login to see link to see it.

[kenworthysonpartor]

kenworthysonpartor

#285357

Hello,
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 *Login to see link to see it.

[gizmo90]

gizmo90

#285280

Hello everyone,

this is my first time setting up a homepage with Kadence (or anything, for that matter). I’m happy with the result except for one problem.

I’m trying to include a widget into a page (not header or footer) from an external website. To display the widget, I have to enter HTML head and body code.

This I did using the custom HTML block. Now the widget is displayed correctly in the preview, but not showing when I look at the page.

Also, everything that is below the widget on the draft is also no longer showing.

Is there something I need to do differently?

Thank you very much!

[gizmo90]

gizmo90

#285280

Hello everyone,

this is my first time setting up a homepage with Kadence (or anything, for that matter). I’m happy with the result except for one problem.

I’m trying to include a widget into a page (not header or footer) from an external website. To display the widget, I have to enter HTML head and body code.

This I did using the custom HTML block. Now the widget is displayed correctly in the preview, but not showing when I look at the page.

Also, everything that is below the widget on the draft is also no longer showing.

Is there something I need to do differently?

Thank you very much!

[Niklas Kallstrom]

Niklas Kallstrom

#285271

I manage to solve it by using a mix of the codes provided.

Icon / Button class: mobile-toggle-menu

Footer script

<script>
const triggerMenu = document.querySelectorAll('.mobile-toggle-menu');
triggerMenu.forEach(function(e){
    e.addEventListener('click', function() {
        window.kadence.toggleDrawer( document.getElementById('mobile-toggle'))
    });
});
</script>

[Nantz]

Nantz

#285245

Thanks… but… that didn’t seem to work. The gray square “back to top” arrow sill appears on desktop browsers (but still not on mobile). Yes, I purged the cache, saved settings, etc.

This seems to be theme-related. Checking for solutions online shows a way to disable the “back to top” button in other themes via Customize–>Footer–> Footer layout, but that option doesn’t exist there for me?

Any other ideas?