aapc

Hi @larissa67,

I’m glad you reached out. I’ll be happy to help!

To override the default theme spacing, you can use the following custom CSS to your Customizer Additional CSS area:

:root {
    --global-md-spacing: 0.5rem;
}

Give that a try and let us know if that works for you.

Thanks!
Anthony

Hi @larissa67

Just checking in on this issue. It looks like you may have resolved the problem. If not, can you further describe the issue and/or provide a screenshot or screenshare? We often use Zight to make it easier to share (just copy/paste a link to your image/video).

If your issue has been resolved, please go ahead and mark this thread as resolved.

Thanks!
Anthony

Hi @alathea9

I’m glad to hear you’ve made progress on solving your issues. I know learning new things can be maddening. I’ve had to learn many new products over the years and I understand your frustration. I do hope you’ll stick with Kadence. Yes, there are many things to learn. But just like any theme, plugin and even WordPress, it becomes much easier the more you use it.

In the future, for quicker responses, I would suggest submitting a ticket directly to us here: https://www.kadencewp.com/help-center/free-support/

I wish you all the best!
Anthony

Hi @alathea9

That’s a lot to follow! But I’ll try! 🙂

The first thing to clarify is the use of the term “header”. Kadence has a header builder that’s built into the theme and configured via the Customizer. You could call the the “Classic” header. With the advent of WordPress’ Full Site Editing (FSE) environment, we introduced a new header builder we called the “Advanced Header”. This created a new type of header that allows you to use standard editor blocks rather than the fixed blocks included in the classic header. We have a good document on this here: Using Advanced Header / Navigation Blocks vs Kadence Theme Header Builder. If you’re building a simple one-page site, it may not be necessary to use the Advanced Header as the classic header can easily handle this. But the Advanced Header works great too! Here’s another good document that might help: How to use Advanced Headers Globally and Conditionally.

For the anchor issue…it looks like you have your HTML anchor set correctly for your Row Layout blocks. Step 2 is to correctly configure your button. I can see by your screenshot that you’ve added “contact” to the button HTML anchor. This is incorrect. You first need to remove that and then set the button link to #contact. See the this edited screenshot. Note that all HTML anchors (also known as IDs) must be unique on a page. So if you have two “contact” anchors, the button linking to #contact will not work properly.

I hope the above helps clarify some of the issues you are having. Tutorials and AI are great but they can sometimes lead you down a rabbit hole if you’re not careful. I’ll be glad to provide some more guidance and/or documentation if you need it. And be sure to visit our Resource Hub for more help.

Thanks,
Anthony

Hi @alathea9

Thank you for following up. I can certainly understand how frustrating it is to feel like the tools you’re using are “hiding” things from you, especially when you’re deep into the design process.

To clear up any confusion: our product design does not use AI to decide when to hide or show settings. What you’re experiencing is “Conditional Logic.” Our developers purposely designed the interface this way to prevent the sidebar from becoming a mile-long list of irrelevant settings.

For example, in the Header (Adv) block, the sidebar changes based on your Background Type selection:

• Color: Only shows color pickers.
• Gradient: Shows color sliders, type and angle.
• Image: When an image is uploaded/selected shows “Fill,” “Contain,” and “Cover”, etc…

Without an image selected: https://share.zight.com/9Zu1mbbO
With an image selected: https://share.zight.com/p9uJ6W0Y

If those settings vanished, it’s usually because the “Background Type” was toggled back to Color or the image was cleared. To find the background image settings again:

1. Select the Header (Adv) Block (or the specific Row inside it).
2. Go to the Style tab in the sidebar.
3. Ensure Background Type is set to Image.
4. Once an image is selected, additional options are shown where you’ll find Image Size (Cover, Contain, Auto), Attachment, and Position.

As requested, here is the primary documentation for the Header (Adv) block which outlines the various tabs and where settings live:

• The Kadence Header (Adv) Block Guide
• Creating Sticky and Transparent Advanced Headers (This is helpful because “Transparent” and “Sticky” states have their own separate background tabs that appear only when enabled).

We strive to make Kadence intuitive, but we know “context-sensitive” design has a learning curve. If you find yourself stuck in the future, please let us know and we can provide screenshots and/or screenshare to point you in the right direction! For self-help, our Resource Hub is a great place to start.

Please let us know if there is anything else we can do to help.

Thanks!
Anthony

Hi @alathea9,

I’m sorry to hear you had so much trouble! We don’t normally have support coverage over the weekend. I do see your other thread so it was definitely not deleted.

The Header (Adv) block doesn’t actually have a full-width option which explains why you didn’t find it in the documentation. In order to make the header full-width, you would insert it into a full-width container such as a Row Layout or Section block. The header would then fill 100% of the container (up to your max-width if you set one). So steps to do a full-width header:

1. Insert a Section block
2. Set the Section block to full-width
3. Insert your Header (Adv) block into the Section

I hope that makes sense! Please let us know if you have any questions or if there is anything else we can do to assist. If you’re all set, please mark this thread as resolved (we cannot do that for you). If you would mark your other thread as resolved too, we would very much appreciate that as well.

Thanks!
Anthony