Search Results for 'widget area'

[galinamf]

galinamf

#263925

I still have some of the issues that were not addressed in my previous message.

I am working on a staging copy of the website that I can publish once its ready and all problems are fixed, that’s why my current website looks the same.
I will send a link to staging copy where you can see all the listed problems.

I wasn’t able to fix the issue with icons in the footer, they don’t show up. I use icon list widget block. I will attach the screenshots.

The image that is now in the upper right hand corner of the header is very small (marked as a small red rectangle on the photo). I want to stretch it to the entire area from the logo to the right border (marked as a large red rectangle on a photo).

Sidebar:
I set the default option in customizing area with no sidebar, because I am planning to use no sidebar on some pages.
When I add a sidebar to some pages where I want to have it, it doesn’t show up. It shows up on blog posts, but not on the pages.

I tried to assign sidebar in the main settings, but then there is no option to not show it on some of the pages, you always have to choose some sidebar.

I still cannot find the option to remove Home Title on the home page. If I remove it in the page editor it removes the entire page title (H1 heading). Is there any css to remove the Home title from showing up on the home page (without removing H1 title from the page)?

Drop down menu goes beyond the screen on smaller monitors. Can I change it in some way other than making the menu thinner?

Is there a way to customize how the page with all blog posts appears? For example, not to show posts preview in columns and make larger images and abstracts.

Thank you!

[galinamf]

galinamf

#263925

I still have some of the issues that were not addressed in my previous message.

I am working on a staging copy of the website that I can publish once its ready and all problems are fixed, that’s why my current website looks the same.
I will send a link to staging copy where you can see all the listed problems.

I wasn’t able to fix the issue with icons in the footer, they don’t show up. I use icon list widget block. I will attach the screenshots.

The image that is now in the upper right hand corner of the header is very small (marked as a small red rectangle on the photo). I want to stretch it to the entire area from the logo to the right border (marked as a large red rectangle on a photo).

Sidebar:
I set the default option in customizing area with no sidebar, because I am planning to use no sidebar on some pages.
When I add a sidebar to some pages where I want to have it, it doesn’t show up. It shows up on blog posts, but not on the pages.

I tried to assign sidebar in the main settings, but then there is no option to not show it on some of the pages, you always have to choose some sidebar.

I still cannot find the option to remove Home Title on the home page. If I remove it in the page editor it removes the entire page title (H1 heading). Is there any css to remove the Home title from showing up on the home page (without removing H1 title from the page)?

Drop down menu goes beyond the screen on smaller monitors. Can I change it in some way other than making the menu thinner?

Is there a way to customize how the page with all blog posts appears? For example, not to show posts preview in columns and make larger images and abstracts.

Thank you!

[Hannah]

Hannah

#263892

Hi Alison,
You can use a shortcode like this: [portfolio_posts orderby=date excerpt=false columns=4 items=50 height=200 lightbox=true showtypes=true cat=photos]
Just paste that into your static homepage or into a text widget within the home widget area.
Hope it helps!

Kindly,
Hannah

[Karla]

Karla

#263765

Hello Stephen,

Thank you for reaching out to us.

Unfortunately, the topbar settings do not have a built-in option to adjust the width and by default, the Topbar is divided into 2 columns. You can add this custom CSS to make your right widget area’s width 100%:

.kad-topbar-height {
    display: block;
}

.kt-topbar-right {
    width: 100%;
}

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

Regards,
Karla

[Hannah]

Hannah

#263724

Hey,
Thanks for reaching out!
1. You can use this css:

.primary-sidebar.widget-area .widget-title {
    font-size: 20px;
    font-family: sans-serif;
}

2. Kadence doesn’t add widgets as our other themes do, but you can use a plugin like which allows you to build a reusable block but then add it to a page via a shortcode:https://wordpress.org/plugins/reusable-blocks-extended/

3. This post explains a way to do this: https://www.wpbeginner.com/plugins/how-to-create-a-sticky-floating-sidebar-widget-in-wordpress/

Hope that’s helpful!

Hannah

[chitocamacho]

chitocamacho

#263710

Hello,

I just thought you did not want to show your sidebar on mobile in your original question – “Is it possible to show the sidebar for tablet – but to not display the sidebar in mobile?”

This code – @media (max-width: 768px) {.widget-area { display: none; } } hides the sidebar in your mobile. 768px is the breakpoint for mobile in Kadence theme.

Thank you, by the way, for sending an image for the actual looks of your site at every breakpoint.

For the tablet:

@media screen and (max-width: 1024px){
.has-sidebar .content-container.site-container{
display: grid;
grid-template-columns: 5fr 2fr;
grid-gap: var(–global-xl-spacing);
justify-content: center;
}
}
For mobile:

@media screen and (max-width: 768px){
.has-sidebar .content-container.site-container{
display:block;
}
}

Let me know how it goes.

Regards,
Chito

[gisgeograph]

gisgeograph

#263709

I appreciate the response. Here is an image of what I am trying to do. I would like the sidebar to stay on the right side of the page in the desktop and tablet.

This code –

@media (max-width: 768px) {.widget-area { display: none; } }

Just says says the widget area to disappear if the screen size is smaller than 768 pixels

[Karla]

Karla

#263703

Hello Pawel,

Thank you for reaching out to us.

Let me confirm if I understand your question right – you want to show a second different logo on the bottom row of the header only when it is already sticky? If that is the case, instead of using an HTML header item, I would recommend using Widget Area with an Image widget added. Afterward, add this custom CSS code in Customizer > Additional CSS:

.site-bottom-header-wrap .site-header-row-container-inner {
    display: none;
}

.site-bottom-header-wrap.item-is-stuck .site-header-row-container-inner {
    display: block;
}

Here’s the result for your reference – https://www.loom.com/share/e3ec7d9ec5084e44afbe3b77ca845c30

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

Regards,
Karla

[chitocamacho]

chitocamacho

#263691

Hi,

For the pages, set your Default Page Layout in Appearance > Customize > Page Layout. See – https://share.getcloudapp.com/kpu76ZRJ.

For blog posts, set your Default Post Layout in Appearance > Customize > Blog Posts > Single Post Layout. See – https://share.getcloudapp.com/12uoPlQ8.

These steps will display your sidebar in desktop down to mobile view.

To hide it in mobile view, add this CSS code:

@media (max-width: 768px) {.widget-area { display: none; } }

Let me know how it goes.

Regards,
Chito

[Stephen]

Stephen

#263681

Hello! Is there a way to adjust the width of the topbar widget area so that the text in the buttons doesn’t wrap? I was looking for a way to adjust the column width but am not seeing it in the css.

*Login to see link

[Stephen]

Stephen

#263681

Hello! Is there a way to adjust the width of the topbar widget area so that the text in the buttons doesn’t wrap? I was looking for a way to adjust the column width but am not seeing it in the css.

*Login to see link

[chitocamacho]

chitocamacho

#263662

Hello,

If you set it visible in the desktop view by doing this – https://share.getcloudapp.com/nOulvx2e, you’d be able to see it in tablet and mobile view as well.

However, if you’d want to hide it in the desktop view, you need to add this CSS – https://share.getcloudapp.com/12uovYYR, and it will leave a blank space that’s supposed to be for the sidebar.

I’ve made a screencast to show you how exactly it will look like – https://www.loom.com/share/91378085f9b2480daf59b4695610e5bd.

These are the CSS codes you need:
.widget-area {display: none;}

@media (max-width: 1024px) {.widget-area { display: block; } }

@media (max-width: 768px) {.widget-area { display: none; } }

Let me know if this is what you want to achieve.

Regards,
Chito

[chitocamacho]

chitocamacho

#263643

Hello there,

Yes, it is possible. To hide the sidebar in mobile view, paste the code below in Appearance > Customize > Additional CSS

@media (max-width: 768px) { .widget-area { display: none; } }

Regards,
Chito

[galinamf]

galinamf

#263564

This reply has been marked as private.

[Mike]

Mike

#263518

I figured out how to do this by using a Layout Builder in the Second Header Widget area and using row margins!

[Hannah]

Hannah

#263392

Hi John and Jaki,
You can use this css:

.primary-sidebar.widget-area .widget {
    border-bottom: 1px solid #999;
}

In the future please start a new thread as this one has already been marked as resolved.

All the best,
Hannah

[John and Jaki Brown]

John and Jaki Brown

#263288

Hi Hannah, Clayton and Ben,

Is there a way to update the CSS Code so that we can add a 1px line at the bottom of each section.

Please see the enclosed screenshot.

.primary-sidebar.widget-area .widget {
background: #e9f0f0;
padding: 10px;
}

Thanks very much for all your help once again.

John and |Jaki

[FRANK]

FRANK

#263136

Hello,

On my site sevenlocs.com in the above Footer Widget Area I have the email sign up form with email only. I just realized that the imput box is white and the text is white as well. How can I change this so that the text imput is black and visible?

Can I post my mailchimp code so that you can let me know what I need to change on my end?

[FRANK]

FRANK

#263136

Hello,

On my site sevenlocs.com in the above Footer Widget Area I have the email sign up form with email only. I just realized that the imput box is white and the text is white as well. How can I change this so that the text imput is black and visible?

Can I post my mailchimp code so that you can let me know what I need to change on my end?

[Mike]

Mike

#263133

I initially thought this might be an issue with the cache not being flushed on my iPhone (even after explicitly clearing it), so I grabbed someone else’s phone that had never visited this site (it’s brand new) and the results are the same.

I’ve defined a custom logo for mobile and I’ve also enabled the mobile topbar with icon and widget area and even placed something in the widget area. None of this is showing up. I’ve set parameters for height and width for the mobile header, done everything I can think of. There are no plugins installed other than those that come with Ascend, and I’m running the latest version of everything.

I’m baffled!

[Mike]

Mike

#263133

I initially thought this might be an issue with the cache not being flushed on my iPhone (even after explicitly clearing it), so I grabbed someone else’s phone that had never visited this site (it’s brand new) and the results are the same.

I’ve defined a custom logo for mobile and I’ve also enabled the mobile topbar with icon and widget area and even placed something in the widget area. None of this is showing up. I’ve set parameters for height and width for the mobile header, done everything I can think of. There are no plugins installed other than those that come with Ascend, and I’m running the latest version of everything.

I’m baffled!

[mak.colfiles]

mak.colfiles

#263099

Hello Team

Thank you so much for the wonderful theme that you have created. I have developed e-commerce website with Virtue theme. I have few queries with the customization. *Login to see link is my website.

Question 1:
I used Text widget for top bar widget area to display phone number and email. Phone number is displaying fine with android devices & desktop but for iphone phone number is not displaying. I am unable to find a solution for the same.

Question 2: Top bar icons are displaying differently in homepage & rest of the pages. Not sure what is making this change

Question 3: I am using elementor for Home page. I would like to use same content as of Shop Page (*Login to see link in my home page products tab. Is there any way I could import shop page content to the Elementor Section.

Will be happy to provide any additional details if requested.

Regards
Ashokkumar M

[mak.colfiles]

mak.colfiles

#263099

Hello Team

Thank you so much for the wonderful theme that you have created. I have developed e-commerce website with Virtue theme. I have few queries with the customization. *Login to see link is my website.

Question 1:
I used Text widget for top bar widget area to display phone number and email. Phone number is displaying fine with android devices & desktop but for iphone phone number is not displaying. I am unable to find a solution for the same.

Question 2: Top bar icons are displaying differently in homepage & rest of the pages. Not sure what is making this change

Question 3: I am using elementor for Home page. I would like to use same content as of Shop Page (*Login to see link in my home page products tab. Is there any way I could import shop page content to the Elementor Section.

Will be happy to provide any additional details if requested.

Regards
Ashokkumar M

[Hannah]

Hannah

#262860

Hi,
Thanks for reaching out!

1. I am seeing this showing. What browser are you using?

2. When in the customizer, click the edit icon when hovering over the footer as seen in screenshot. Then you’ll see layout options for the footer, including the ability to set the container width.

3. That will pull from your color palette. If you’re wanting something different you can use css.

4. I would suggest using the Icon List block from Kadence Blocks. Then you can use a plugin like the following to add it to your widget area as a shortcode: https://wordpress.org/plugins/reusable-blocks-extended/

5. The same as #2, but for the header instead of the footer.

6. Sorry, can you clarify? Thank you!

7. From the customizer click the edit icon when hovering over the search then open the design tab. There you can add a border and extra padding to create the same look as your current theme.

8. Can you confirm you’re not overriding this setting in your edit pages?

9. Is your homepage a static page? You can remove the page title from your home edit page.

Hope this is helpful!

Best,
Hannah

[Hannah]

Hannah

#262222

Hi Pamela,
There isn’t a widget area available for mobile, but you can add the language switcher shortcode into an HTML element. Does this work for you?

Happy New Year!

Best,
Hannah