Search Results for 'sidebar'

[Hannah]

Hannah

#263934

Hey,
Happy Friday!

1. How are you adding the icon list widget? Are you using a plugin that is outputting that?

2. What size image are you uploading? Be sure that you are uploading an image that is larger than the container. Then you can use the following css to stretch the container width:

.site-header-item.site-header-focus-item {
    width: 100%;
}

3. After setting the sidebar layout from your edit page have you cleared your cache?

4. You can choose the default sidebar for your pages, but then to adjust/remove this you need to do so page by page. Does that make sense?

5. This css will hide your home page title:

.home section.entry-hero.page-hero-section.entry-hero-layout-contained {
    display: none;
}

6. For the dropdown width, try adding this to your css:

@media (max-width: 1200px) {
.header-navigation .header-menu-container ul ul li a, .header-navigation .header-menu-container ul ul {
    width: 200px;
}
.header-navigation ul ul ul {
    right: 100% !important;
    left: auto;
}
}

7. You can customize this from Customize > Blog Posts > Archive Layout.

Hope that’s helpful!

Best,
Hannah

[galinamf]

galinamf

#263926

This reply has been marked as private.

[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!

[Chris]

Chris

#263766

Hello,

Currently there isn’t an option for multiple sidebars to show. You can request this here: https://www.kadencewp.com/roadmap-kadence-theme/feature-requests/

Is there something specific you’re trying to achieve with multiple sidebars?

Thanks!

Chris

[William Czerkies]

William Czerkies

#263740

Hello everybody,
is there an option for having 2 sidebars in the Kadence theme? If so how do I accomplish this? If there is not a built-in feature then is there a 3rd party plugin I can use?
thanks

[William Czerkies]

William Czerkies

#263740

Hello everybody,
is there an option for having 2 sidebars in the Kadence theme? If so how do I accomplish this? If there is not a built-in feature then is there a 3rd party plugin I can use?
thanks

[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

[Brad Mifsud]

Brad Mifsud

#263719

I currently am using the recipe blog theme that I’ve altered into an ecommerce store setup and now after purchasing the lifetime membership package; I want to attempt to upgrade to the Virtue theme.
I’ve customized the size a bunch within the customize options and have added a handful of code snippets to alter small things.
Couple questions:
1- If I apply the settings, check it out and decide to revert back without customizing any Virtue setting…will my original still be 100% intact?
2- Are there any customizable settings that I will lose on the transition?
3- as the original template was a starter template; how do I add the premium virtue site (provided I have ‘free’ access to this with my lifetime package

P.S. Probably a sidebar, but I assumed I’d need to install the ‘kadence.1.0.14.zip’ package from my downloads yet I got the following error:
Installing plugin from uploaded file: Unpacking the package…
The package could not be installed. No valid plugins were found.
Plugin installation failed.

Thank you!

• This topic was modified 5 years, 2 months ago by Brad Mifsud.
• This topic was modified 5 years, 2 months ago by Brad Mifsud.

[Brad Mifsud]

Brad Mifsud

#263719

I currently am using the recipe blog theme that I’ve altered into an ecommerce store setup and now after purchasing the lifetime membership package; I want to attempt to upgrade to the Virtue theme.
I’ve customized the size a bunch within the customize options and have added a handful of code snippets to alter small things.
Couple questions:
1- If I apply the settings, check it out and decide to revert back without customizing any Virtue setting…will my original still be 100% intact?
2- Are there any customizable settings that I will lose on the transition?
3- as the original template was a starter template; how do I add the premium virtue site (provided I have ‘free’ access to this with my lifetime package

P.S. Probably a sidebar, but I assumed I’d need to install the ‘kadence.1.0.14.zip’ package from my downloads yet I got the following error:
Installing plugin from uploaded file: Unpacking the package…
The package could not be installed. No valid plugins were found.
Plugin installation failed.

Thank you!

• This topic was modified 5 years, 2 months ago by Brad Mifsud.
• This topic was modified 5 years, 2 months ago by Brad Mifsud.

[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

[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

[gisgeograph]

gisgeograph

#263680

Hi Chito

Thank for the response.

I followed the steps.

But I want the desktop and tablet to be the same. I would like the sidebar widget on the right side in both the desktop or tablet view.

[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

[gisgeograph]

gisgeograph

#263658

Thanks Chito. I’d also like to display the sidebar in tablet view. How do I do that?

[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

[gisgeograph]

gisgeograph

#263639

Is it possible to show the sidebar for tablet – but to not display the sidebar in mobile?

[gisgeograph]

gisgeograph

#263639

Is it possible to show the sidebar for tablet – but to not display the sidebar in mobile?

[galinamf]

galinamf

#263631

Hello!

I have a couple of questions about customizing sidebars in Kadence pro theme.

1. Can you please help me with css selector to change the heading font settings for the sidebar? I also want to be able to change a background of some of the elements inside the sidebar. What css selector should I use?

2. I used Virtue theme and it had lots of widget options for the sidebar. Are there any options similar to Virtue Image menu and Virtue info box in Kadence theme?

3. I dont want to have a sticky sidebar (it adds a scroll to it), but instead I want to let the sidebar behave as always and once the user scrolls page lower than the sidebar content, let the last item in the sidebar (contact widget) remain sticky on the page. Can I use hooked elements to achieve this? Do you have any articles explaining how it works?

Thank you!

[galinamf]

galinamf

#263631

Hello!

I have a couple of questions about customizing sidebars in Kadence pro theme.

1. Can you please help me with css selector to change the heading font settings for the sidebar? I also want to be able to change a background of some of the elements inside the sidebar. What css selector should I use?

2. I used Virtue theme and it had lots of widget options for the sidebar. Are there any options similar to Virtue Image menu and Virtue info box in Kadence theme?

3. I dont want to have a sticky sidebar (it adds a scroll to it), but instead I want to let the sidebar behave as always and once the user scrolls page lower than the sidebar content, let the last item in the sidebar (contact widget) remain sticky on the page. Can I use hooked elements to achieve this? Do you have any articles explaining how it works?

Thank you!

[Bonn]

Bonn

#263601

Hello,

On Virtue, you can set the post to show/hide the sidebar in Post Option section:

[Ben Ritner]

Ben Ritner

#263578

Hi,
You can turn off the sidebar in the post options. See here: https://kadence-theme.com/knowledge-base/customize-settings/how-to-setup-page-post-settings/

Ben

[DrBanjo Tech]

DrBanjo Tech

#263570

Spoke too soon. That didn’t work. I’ve tried these two snippets together, no luck.

.postid-1722 .kad-sidebar {
display: none;}

.postid-1722 .kad-content {
   width: 100%; 

[DrBanjo Tech]

DrBanjo Tech

#263569

I figured this out:

.postid-1722 .mh-sidebar {
display:none;
}
.postid-1722 .mh-content {
width: 100%;
}