Search Results for 'widget area'

[Karla]

Karla

#281473

Hi there!

I’m so sorry for the delay in getting back to you.

For the admin bar, could you double-check if you have it enabled for your user role? You can read this post to see where it can be enabled/disabled – https://www.wpbeginner.com/wp-tutorials/how-to-disable-wordpress-admin-bar-for-all-users-except-administrators/#method-1-disable-admin-bar-manually.

For the homepage content, I can see them too:

• Home page content
• Icon Menu
• Latest Blog Posts
• Home Widget Area

However, if I access your website URL with HTTPS, the website does not show. This is the screen recording – https://share.getcloudapp.com/yAuA6gRA.

I recommend reaching out to your hosting provider to add an SSL certificate for your website.

I hope this helps. Let us know if we can assist you further.

Regards,
Karla

[Annie]

Annie

#281369

Hello everyone, I apologize if this has been answered before, but the topics I have found didn’t quite suit what I was trying to achieve, so I am writing to you here.

I am trying to add two dividers in color to the main row header area of my header on each side, but it doesn’t seem to work. When I add html to the header and code for the divider, it appears in the visuals, but not on the site. It’s supposed to be 100% within its area on left and right side with the middle being empty, but it simply refuses to work for me.

I am by no means an expert in coding, my knowledge goes as far as understanding basic code and adjusting it to my needs, but this doesn’t wish to work.

I hope someone can help me out with this, for I did not think it would be such a difficult thing to do, especially because I’ve added widget with the divider into the widget area, but it doesn’t appear in the header widgets in the customizer.

Thank you in advance.

• This topic was modified 3 years, 4 months ago by Annie.

[Annie]

Annie

#281369

Hello everyone, I apologize if this has been answered before, but the topics I have found didn’t quite suit what I was trying to achieve, so I am writing to you here.

I am trying to add two dividers in color to the main row header area of my header on each side, but it doesn’t seem to work. When I add html to the header and code for the divider, it appears in the visuals, but not on the site. It’s supposed to be 100% within its area on left and right side with the middle being empty, but it simply refuses to work for me.

I am by no means an expert in coding, my knowledge goes as far as understanding basic code and adjusting it to my needs, but this doesn’t wish to work.

I hope someone can help me out with this, for I did not think it would be such a difficult thing to do, especially because I’ve added widget with the divider into the widget area, but it doesn’t appear in the header widgets in the customizer.

Thank you in advance.

• This topic was modified 3 years, 4 months ago by Annie.

[Jonathan]

Jonathan

#280400

Hi Kadence Team,
I have been trying to add a code or shortcode to the widget area in the topbar, so that any page (regardless of whether it be a blog post, category or page) will show its breadcrumb in this area. Currently I have turned on the regular breadcrumbs in the header, but really want them in the topbar.
The shortcode [kadence-breadcrumbs] did not work and I did not find a predefined widget that seems to have this functionality.
I am using the Virtue premium theme.
The website URL is *Login to see link ks.
Many thanks in advance
Jonathan

[Jonathan]

Jonathan

#280400

Hi Kadence Team,
I have been trying to add a code or shortcode to the widget area in the topbar, so that any page (regardless of whether it be a blog post, category or page) will show its breadcrumb in this area. Currently I have turned on the regular breadcrumbs in the header, but really want them in the topbar.
The shortcode [kadence-breadcrumbs] did not work and I did not find a predefined widget that seems to have this functionality.
I am using the Virtue premium theme.
The website URL is *Login to see link ks.
Many thanks in advance
Jonathan

[Karla]

Karla

#280070

Hi, Safir!

Thanks for reaching out to us.

Here’s what I can recommend in order to recreate the footer you want:

1. Add a background image for the whole footer by going to Customizer > Footer > Design tab.
2. Set each footer rows’ background colors to transparent.
3. Set multiple columns for a footer row.
4. Add widget areas for each column to add Navigation Menu widget.

Here’s a screen recording of how I did it – https://share.getcloudapp.com/DOurvZxK.

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

Regards,
Karla

[Karla]

Karla

#279994

Hi, Ryan.

Thanks for reaching out.

The HTML header item uses a text editor(TinyMCE) that will strip HTML tags such as SVG and iframes. It will not work like how the Custom HTML block does.

If you have the Kadence Theme Pro addon, you can use the Widget Area header item instead. This way, you can use the Custom HTML widget. If this didn’t work either, I recommend uploading the SVG image to your website and using an Image block to show it on your header. You may use third-party plugins such as this one so WordPress will allow SVG upload.

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

Regards,
Karla

[paulo.dunham]

paulo.dunham

#279654

Good Morning

I’m training the creation of a website and for this I created a subdomain. I’m using the kadence theme and the real estate template

I am in the Area of Footer Layout but I am experiencing the following problem:

If I click on the pencil corresponding to the general element the configuration options appear, however if I click on the pencils corresponding to widgets 3 , widgets 1, widgets 4 or 2 nothing appears. Already if I click on social or copyright appear the change options.

Thanks in advance for any help

[paulo.dunham]

paulo.dunham

#279654

Good Morning

I’m training the creation of a website and for this I created a subdomain. I’m using the kadence theme and the real estate template

I am in the Area of Footer Layout but I am experiencing the following problem:

If I click on the pencil corresponding to the general element the configuration options appear, however if I click on the pencils corresponding to widgets 3 , widgets 1, widgets 4 or 2 nothing appears. Already if I click on social or copyright appear the change options.

Thanks in advance for any help

[Hannah]

Hannah

#274156

Hi Erik,
Thanks for reaching out! One option would be to use the header widget area and add an image widget to your header. Would this work for you?

Kindly,
Hannah

[richard-7044]

richard-7044

#273930

Hi Hannah
I really appreciate the quick reply. I was hoping to be able to use the widget area in the sidebar though. Is that not possible?
Thanks again
Richard

[10080446]

10080446

#273844

Hi，dear.

My reference article:
​*Login to see link
I can’t use it. Theme has modified the name?can i help me？ thanks

[10080446]

10080446

#273844

Hi，dear.

My reference article:
​*Login to see link
I can’t use it. Theme has modified the name?can i help me？ thanks

[Karla]

Karla

#273086

Hi there!

As previously mentioned by Hannah, if you’re using a simple mobile header, the topbar will not show on mobile views. To enable the topbar, kindly turn the Use simple mobile header? option in Theme Options > Mobile Header off – https://share.getcloudapp.com/kpuJ0G4w.

“…i want some centered text. and if its posible dynamic text changing that woud be awesome. i tried turning on top bar but when writing widget i cant center it appears on the right side (on desktop)…”

The topbar will consist of two columns, left and right which is the reason why the text you added to the widget area is not in the center on desktop views. If you are not planning to enable something else on the top bar, just the text, you can add this custom CSS code:

@media (min-width: 768px) {
    .kad-topbar-right {
        width: 100%;
    }
}

Here’s a screen recording of how I did it on my website – https://share.getcloudapp.com/d5u9Zdnq.

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

Kind Regards,
Karla

[maxxyro]

maxxyro

#273056

I add a html widget and paste the shortcode into the textarea of that widget (make sure to uncheck “add paragraphs automatically”)

[Hannah]

Hannah

#272987

Hey Mike,
I’m seeing this in your css:

.kad-header-height {
    height: 250px;
}

Have you added that? You can set the header height from Theme Options > Header Settings. So you can remove that css.
Then add this to make the widget area larger for mobile:

@media (max-width: 768px) {
img.attachment-full.size-full {
    max-width: 300px;
}
.kad-header-height {
    padding: 10px 0;
}
}

Let me know how that works!

Kindly,
Hannah

[Mike]

Mike

#272922

Thanks so much for sticking with this Karla, I so appreciate it. While this did get rid of the menu it also made the header widget disappear on the mobile display. I was able to fix that by removing just a bit of the CSS:

@media only screen and (max-device-width: 1024px) {
  .kt-header-layout-below-lg {
    display: block!important;
  }
  .kt-header-layout-below-lg .kad-center-header,
  .kt-header-layout-below-lg .menu_below_container{
     display: none;
  }
}

Now the only “issue” I’m having is that this widget area is displaying very tiny on the phone where it used to display full size, and there’s a huge gap between the widget area and the mobile menu and logo.

I feel like I’m being a total pest, but we’re SO close!!

[Karla]

Karla

#272887

Hi, Mike.

Apologies for the long delay in getting back to you.

Just to confirm, the header widget that you’re referring to is this part – https://share.getcloudapp.com/2NuzebdL? The mobile header doesn’t have an option to show a widget area.

However, to show the widget for mobile views, you can try adding this custom CSS code:

@media only screen and (max-device-width: 1024px) {
  .kt-header-position-above {
    display: block!important;
  }
  .kt-header-layout-lgmenu .kad-center-header,
  .kt-header-layout-lgmenu .kad-left-header {
      display: none;
  }
}

Let us know if this works for you.

Best Regards,
Karla

[Mike]

Mike

#272119

I am familiar with that Hannah, I guess I was hoping that I could set a unique mobile homepage header and then let all the secondary pages default to the same header as the desktop secondary pages. I thought that’s how this is how this has worked in the past.

But I did disable the mobile homepage header feature and I’m still not seeing the Header Widget Area on mobile devices. This is that special little “hack” you cooked up for me, but I don’t see anything int he CSS that should prevent this from displaying on mobile. Or does the Header Widget and/or Header Extra Widget simply not display on mobile devices? Any way to force this?

Thanks!!

[Mike]

Mike

#272097

I found a topic with this same title from 2019, and Hannah advised the person to simply disable the Mobile Header from Theme Options > Mobile Header. Is that now a deprecated option? I can’t seem to do that.

Hannah worked feverishly to provide me the CSS necessary to get my Header Widget Area looking just how I wanted it (different on each page), but it’s not displaying on the mobile view. Is there any way to make this happen?

The site in question is HERE. The homepage I want to leave alone on both the desktop and mobile views, it’s just the secondary pages I’m referring to. I’d like the mobile to show that Header Widget like the full format version does…if possible.

Thanks much!

[Mike]

Mike

#272097

I found a topic with this same title from 2019, and Hannah advised the person to simply disable the Mobile Header from Theme Options > Mobile Header. Is that now a deprecated option? I can’t seem to do that.

Hannah worked feverishly to provide me the CSS necessary to get my Header Widget Area looking just how I wanted it (different on each page), but it’s not displaying on the mobile view. Is there any way to make this happen?

The site in question is HERE. The homepage I want to leave alone on both the desktop and mobile views, it’s just the secondary pages I’m referring to. I’d like the mobile to show that Header Widget like the full format version does…if possible.

Thanks much!

[Michael]

Michael

#272043

This reply has been marked as private.

[Michael]

Michael

#271963

Hi, I’m using the Virtue Testimonial Carousel in the Home Widget Area. I want to get rid of the heading ‘Testimonials’appearing as a H3 heading above the carousel. I haven’t added heading text into the widget setup & have tried both of the following css in Theme Options>Advanced settings:

.widget_kadence_testimonials_slider .widget-title {
display: none;
}
.kadence_testimonials_slider h3.widget-title {
display:none;
}

Could you please provide alternative css I can use which will remove the heading?
many thanks….

[Michael]

Michael

#271963

Hi, I’m using the Virtue Testimonial Carousel in the Home Widget Area. I want to get rid of the heading ‘Testimonials’appearing as a H3 heading above the carousel. I haven’t added heading text into the widget setup & have tried both of the following css in Theme Options>Advanced settings:

.widget_kadence_testimonials_slider .widget-title {
display: none;
}
.kadence_testimonials_slider h3.widget-title {
display:none;
}

Could you please provide alternative css I can use which will remove the heading?
many thanks….

[Mike]

Mike

#271937

I topped out at 9, sounds like your family is even more prolific than mine! The 4 grandchildren at what really keeps me going. Best.Gig.Ever.

Your office would be great. I’ve uploaded 4 images into a Ascend Gallery Slider in the Header Widget area, and gave them names that correspond to the page on which they should appear; cosmetics-image.jpg, cest-hello-image.jpg, etc. I hope this is what you meant but I’ll do whatever it is you need to make this easy on you. To that end, here’s a little chart:

.page-id-13 .kad-right-header.kt-header-flex-item
Should display cosmetics-image.jpg

.page-id-19 .kad-right-header.kt-header-flex-item
Should display cest-lav-image.jpg

.page-id-15 .kad-right-header.kt-header-flex-item
Should display gallery-image.jpg

.page-id-17 .kad-right-header.kt-header-flex-item
Should display cest-hello-image.jpg

If you need me to clarify anything else I’d be happy to, thanks for your ongoing support.

• This reply was modified 4 years ago by Mike.

[Hannah]

Hannah

#271932

Hi,
Thanks for reaching out! I don’t believe there is a built-in way to do this. With the premium version you could add a search block to the off canvas widget area. Though I don’t know of a way to make this work using the free version. Sorry!

Best,
Hannah