Search Results for 'widget area'

[Mathz Franzén]

Mathz Franzén

#268399

It’s odd that this feature is not implemented. Frankly it is only to add the possibility to add the “Toggle Widget Area” to the Mobile view, everything else is there!
In my opinion this is not a “please submit a feature request”-type of thing, it’s more like: “Oh, I didn’t think about that, let me take 3 minutes out of my time and add it, and it will be available in the next release”.

[albertmargelibailo]

albertmargelibailo

#268270

Hi. Thanks for your quick answer!

Unfortunately, the site is not launched yet. I’m working locally.
I’ve set up a CodePen project. Will it work for you?
Find it at https://codepen.io/AlbertMargeli/pen/RwZbwoK
Needs some more styling but you’ll get the idea.
That’s exactly the code I’m inserting as an HTML widget in the Kadence header customizer off canvas area.

I’ve inserted this code as an HTML widget in a regular page and it works fine.
Only breaks when using it in the off canvas.

Find below the code that is actually rendered by the browser, if it’s of some help.
You’ll see that the FORM and the SVGs have vanished.

Thakns alot.

Albert Margeli

<div id=”custom-mobile-menu”>
<div id=”buscador-mobile”>
<label for=”buscador-intern” class=”screen-reader-text”>Buscar</label>
<div id=”buscador-mobile-campo”>
</div>
<div id=”buscador-mobile-button”>
<button type=”submit” class=””>
</button>
</div>
</div>
<div id=”politica-mobile”>
Política de privacitat
</div>
<div id=”logo-mobile”>

</div>
<div id=”nav-mobile”>
<nav id=”mobile-site-navigation” class=”mobile-navigation drawer-navigation drawer-navigation-parent-toggle-false” role=”navigation” aria-label=”Navegación móvil”>
<div class=”mobile-menu-container drawer-menu-container”>
<ul id=”mobile-menu” class=”menu has-collapse-sub-nav”>
<li id=”mobile-menu-item-001″ class=”mobile-menu-item”>Inici
<li id=”mobile-menu-item-002″ class=”mobile-menu-item”>La Terrassa que ens agrada
<li id=”mobile-menu-item-003″ class=”mobile-menu-item”>Qui Som
<li id=”mobile-menu-item-004″ class=”mobile-menu-item”>Contacte

</div>
</nav>
</div>
<div id=”social-mobile”>
<div class=”social-media-icon-wrap”>
<title>Instagram</title>
</div>
<div class=”social-media-icon-wrap”>
<title>Facebook</title>
</div>
<div class=”social-media-icon-wrap”>
<title>Pinterest</title>
</div>
<div class=”social-media-icon-wrap”>
<title>TikTok</title>
</div>
<div class=”social-media-icon-wrap”>
<title>YouTube</title>
</div>
</div>
<div id=”close-menu-mobile-bottom”>
<button class=”menu-toggle-close drawer-toggle” aria-label=”Cerrar menú” data-toggle-target=”#mobile-drawer” data-toggle-body-class=”showing-popup-drawer-from-full” data-set-focus=”.menu-toggle-open”>X</button>
</div>
</div

[Kevin]

Kevin

#268260

Hi Mitchell,

Thank you for contacting us! Hope you’re having a great day!

I believe the best way to accomplish this is going to be using Hooked Elements. Rather than building your sidebar in the widgets area, go to Kadence Elements, and create your side bar as an Element. If you’re unfamiliar with Kadence Elements, please take a moment to read the post below to learn how it works:
https://www.kadencewp.com/kadence-theme/knowledge-base/pro-addon/how-to-use-element-hooks/

Then assign it to replace the sidebar on your tag archives, as shown in the screenshot below:
https://share.getcloudapp.com/ApuEBjkx

Does that option work for you?

Thanks,
Kevin

[sonic_youth]

sonic_youth

#268185

hi.

i use a KB Row-Layout in a widget area.
the markup is something like that:

<aside id="block-3" class="widget widget_block"><link rel='stylesheet' id='kadence-blocks-rowlayout-css' href='***********/wp-content/plugins/kadence-blocks/dist/blocks/row.style.build.css?ver=2.1.13' media='all' />
<style id='kt-blocks_a9ddf2-0a-inline-css' type='text/css'>
#kt-layout-id_a9ddf2-0a > .kt-row-column-wrap{padding-top:0px;padding-bottom:0px;}
</style>

The W3C-Error is: Element style not allowed as child of element aside in this context. (Suppressing further errors from this subtree.)

Please can you check this?
Best regards

[sonic_youth]

sonic_youth

#268185

hi.

i use a KB Row-Layout in a widget area.
the markup is something like that:

<aside id="block-3" class="widget widget_block"><link rel='stylesheet' id='kadence-blocks-rowlayout-css' href='***********/wp-content/plugins/kadence-blocks/dist/blocks/row.style.build.css?ver=2.1.13' media='all' />
<style id='kt-blocks_a9ddf2-0a-inline-css' type='text/css'>
#kt-layout-id_a9ddf2-0a > .kt-row-column-wrap{padding-top:0px;padding-bottom:0px;}
</style>

The W3C-Error is: Element style not allowed as child of element aside in this context. (Suppressing further errors from this subtree.)

Please can you check this?
Best regards

[Karla]

Karla

#268128

Hello Pascal,

Upon checking, those are inside the 4th widget in your Footer Column 1 widget area. Here’s a screen recording of how you can find them – https://share.getcloudapp.com/kpunj5WY.

If you need further help to find the widget, you could give us temporary admin access to your website by using this plugin and send us the login link here in a private reply.

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

Regards,
Karla

[Mike]

Mike

#268090

I’m using a header layout with a logo in the center and extras to either side on this site. I have the Header Extras Widget Area right justified and the Header Extra Widgets Area (Second) left justified, but the items in these widgets are still pretty broadly spaced from the logo in the center. While I don’t want them tight to the logo, I’d like to know if there’s a way I can move each a little closer toward the logo.

Thanks much!

[Mike]

Mike

#268090

I’m using a header layout with a logo in the center and extras to either side on this site. I have the Header Extras Widget Area right justified and the Header Extra Widgets Area (Second) left justified, but the items in these widgets are still pretty broadly spaced from the logo in the center. While I don’t want them tight to the logo, I’d like to know if there’s a way I can move each a little closer toward the logo.

Thanks much!

[Mike]

Mike

#267780

I’m using the Header Widgets Area (Second) to include a vertical menu in my header. The type in this menu is H5 which looks fine…until I activate the links. The the type both shifts to the right and gains spacing between each line. I’m attaching a graphic to show this.

I’ve gotten around it by defining a similar font type using H3 but with an abnormally low vertical spacing, 3 I believe. This achieves what I’m after but it also burns one of my 5 available header types which may or may not be an issue as I continue to develop this site. I’ll include a graphic for that as well.

Thanks Hannah! How’s the Auntie gig going??

[Karla]

Karla

#267755

Hello,

There is no built-in option to replace the Logo with a slider.

What I would recommend is selecting the Logo Left Widget Layout in Theme Options > Main Settings > Logo Layout (Standard Header only) option. Then, add the slider shortode in Appearance > Widgets > Home Widget Area. Finally, add a custom CSS code to hide the logo column and make the widget area for the slider take the full width of the header row:

.kad-header-left {
    display: none;
}
.kad-header-widget {
   width: 100%;
}

Here’s a screen recording of how I set it up on my test website for your reference – https://share.getcloudapp.com/OAunjpLv.

Hope this helps.

Regards,
Karla

[mark qwark]

mark qwark

#267733

Added copyright widget to “below footer” area. Added html links too, so that it looks something like this:

“Copyright 2021 My Company – Privacy | Terms | Linking | Affiliate Disclosure”

Looks good except that it stacks too tight on mobile. I need to increase the line height, except this widget is the rare one that does not offer a line height setting. How to fix, please?

[mark qwark]

mark qwark

#267733

Added copyright widget to “below footer” area. Added html links too, so that it looks something like this:

“Copyright 2021 My Company – Privacy | Terms | Linking | Affiliate Disclosure”

Looks good except that it stacks too tight on mobile. I need to increase the line height, except this widget is the rare one that does not offer a line height setting. How to fix, please?

[michaeljdeibert]

michaeljdeibert

#267656

On my one site (currently in staging) *Login to see link , I’m having a bit of a struggle with the footer. The middle row has three columns, and I’m using Widget 1, Widget 2, and Widget 3 WP core areas to add the inner content.

The issue is with the mobile settings, specifically row collapse layout & order. Right now, it’s set for three vertical 100% rows. Which would work… except a block within Widget 1 is NOT centering like the rest of the widget contents. (it’s a non Kadence block, so I’m trying to figure a way to target & tweak that with CSS… if I can resolve that, then this issue may be moot.)

However, the entire issue would be resolved if there was a layout for MIDDLE ROW 100%, with the left & right at 50% below (or even above) the other two. Nearly identical to the current First Row 100% & 50/50 split layout, or the reverse Last Row 100% & 50/50 split. I don’t know Customiser at all, so not even sure where to begin to target this myself within my child theme.

The reason I’m wanting this is because I have a navigation menu on the left, social media icons on the right, and a subscribe box in the middle. I feel this is a layout option that many other users could benefit from as well because it allows us to focus on the middle column first/last.

After another look, it’s also something that actually could benefit ALL mobile layouts, ie Row Layout Blocks even – not just within the footer! (I can submit a feature request for that, if that would help)

Thanks!

[michaeljdeibert]

michaeljdeibert

#267656

On my one site (currently in staging) *Login to see link , I’m having a bit of a struggle with the footer. The middle row has three columns, and I’m using Widget 1, Widget 2, and Widget 3 WP core areas to add the inner content.

The issue is with the mobile settings, specifically row collapse layout & order. Right now, it’s set for three vertical 100% rows. Which would work… except a block within Widget 1 is NOT centering like the rest of the widget contents. (it’s a non Kadence block, so I’m trying to figure a way to target & tweak that with CSS… if I can resolve that, then this issue may be moot.)

However, the entire issue would be resolved if there was a layout for MIDDLE ROW 100%, with the left & right at 50% below (or even above) the other two. Nearly identical to the current First Row 100% & 50/50 split layout, or the reverse Last Row 100% & 50/50 split. I don’t know Customiser at all, so not even sure where to begin to target this myself within my child theme.

The reason I’m wanting this is because I have a navigation menu on the left, social media icons on the right, and a subscribe box in the middle. I feel this is a layout option that many other users could benefit from as well because it allows us to focus on the middle column first/last.

After another look, it’s also something that actually could benefit ALL mobile layouts, ie Row Layout Blocks even – not just within the footer! (I can submit a feature request for that, if that would help)

Thanks!

[Hannah]

Hannah

#267583

Hi Gabs,
The Off Canvas Widget Area and the Toggle widget area are two different things. Your first screenshot shows the Toggle widget area which is for desktop. The second shows the Off Canvas widget area which is for mobile. You can access that by clicking the Tablet/Mobile tab in your header settings.
Hope this is helpful!

Best,
Hannah

[Karla]

Karla

#267498

Hello,

Thank you for reaching out to us.

The off-canvas popup for the Toggle Widget Area header item has its default style from the theme. If you could point out which parts you would like to adjust, we can help you with custom CSS code.

On the other hand, you may log a feature request on this page for this item’s popup design settings. However, please note that we cannot give an ETA of when this request will be added as the development team considers certain factors before implementing new ones.

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

Kine Regards,
Karla

[Gabs]

Gabs

#267492

Hello, i have added the toogle widget area to the header in desktop, but i cannot see popup area settings

• This topic was modified 4 years, 8 months ago by Gabs.

[Gabs]

Gabs

#267492

Hello, i have added the toogle widget area to the header in desktop, but i cannot see popup area settings

• This topic was modified 4 years, 8 months ago by Gabs.

[Mike]

Mike

#267460

Hannah, I deleted the Navigation Menu from the Secondary Header Widget area and replaced it with a Visual Editor widget in which I’ve placed a simple list of pages to be used as a menu. Problem is, this isn’t appearing either!

I believe I’ve chosen the correct Header Style and I definitely have this Secondary Header Widget area enabled. While you still have access to the site would you mind taking a peek to see if I’m missing something?

Thanks!

[Kevin]

Kevin

#267372

Hey, thanks for reaching out regarding Snapchat in the social links!

Where exactly are you trying to add them? You can use the WP Social Icons block to add a Snapchat icon to your site. However, you’re right that it is missing from the header and footer areas.

I’ve gone ahead and noted that snapchat is missing still in this post:
https://www.kadencewp.com/roadmap-kadence-theme/feature-requests/additional-social-icons/?unapproved=500&moderation-hash=a6b46a87d93378f68728c22c60b501df#comment-500

Until it’s available in the theme, does it work for you to use the Social Links block within a widget area?

Thanks,
Kevin

[Mike]

Mike

#267348

Greetings!

I’m using header layout #5 with the logo in the middle and extras on either side. I don’t plan on using the menu beneath, but rather placing vertical menu in the secondary widget area which is enabled. I’ve created and embedded this menu but I can’t get it to appear!

The page in question is HERE. What am I doing wrong?

Thanks for any help as always!

[Mike]

Mike

#267348

Greetings!

I’m using header layout #5 with the logo in the middle and extras on either side. I don’t plan on using the menu beneath, but rather placing vertical menu in the secondary widget area which is enabled. I’ve created and embedded this menu but I can’t get it to appear!

The page in question is HERE. What am I doing wrong?

Thanks for any help as always!

[Hannah]

Hannah

#267161

Hey,
Yes, WordPress 5.8 launched full-site editing. You can still add widgets to these areas, not just blocks. If you would like to revert to the classic widget editor you can use this plugin:
https://wordpress.org/plugins/classic-widgets/

Kindly,
Hannah

[Karla]

Karla

#267088

Hello,

Thanks for reaching out.

I enabled the Topbar and add the images on the Topbar Widget Area in Appearance > Widgets on my test website. Upon checking on the frontend, all images are showing – https://share.getcloudapp.com/6qurd2KW.

Hopefully, this is how you want to do it. If not, kindly send a screenshot of your desired layout so we can better assist you.

Kind Regards,
Karla

[Ben Ritner]

Ben Ritner

#266297

Hi,
While it’s not an intended part of the design you can force this to work using css like this:

.kt-header-extras ul.sf-menu.sf-menu-normal {
    float: none;
    display: block;
}
.kt-header-extras .menu-widget-area-kt {
    display: block;
}
.kt-header-extras .sf-menu ul.kad-slider-canvas {
    position: static;
    display: block;
    border: 0;
    min-width: 0;
}

Just add in the custom css box in the theme options.

Also note that you can not load the same slider twice on the page, only once so in your test the second slider will never load because it’s the same as your first.

Ben

[Hannah]

Hannah

#266277

Hey,
Try using this css instead:

.site-footer-middle-section-4.site-footer-section.footer-section-inner-items-1 {
    max-width: 400px;
}
p.kt-adv-heading_881c00-1c.wp-block-kadence-advancedheading {
    background: #fff !important;
}
.site-footer-middle-section-4.site-footer-section.footer-section-inner-items-1 .widget-area .widget:last-child {
    border-bottom: 2px solid;
}
.kadence-form-_6349f4-39 .kb-form .kadence-blocks-form-field .kb-forms-submit {
    width: 100% !important;
}
.site-footer-middle-section-4.site-footer-section.footer-section-inner-items-1 .kt-inside-inner-col {
    border: 0;
}
input#kb_field__6349f4-39_0 {
    background: #fff;
}

Let me know how that works for you!

Best,
Hannah