Search Results for 'sidebar'

[Jeff]

Jeff

#245007

Thank you Hana!
How about the missing sidebar on post page ?
https://aflex5d.com/2018/11/diy-pro-screen-at-griffith-observatory-mars-event/

[Hannah]

Hannah

#244974

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

@media (min-width: 992px) {
    #content aside.col-lg-3.col-md-4 {
        width: 270px;
        position: absolute;
        right: 15px;
        top: 0;
        padding: 0;
    }
    #content .main.col-lg-9.col-md-8.kt-sidebar {
        width: 100%;
        padding-right: 280px;
    }
    #content {
        position: relative;
    }
}

Are you adding that? Absolute positioning the sidebar will cause it to run into other containers. What is the intention of that css?

Hannah

[Jeff]

Jeff

#244957

Hi,

Right now, the sidebar is over footer area if the sidebar is longer than main contents.
*Login to see link

I’d like to add scroll bar to the sidebar when the sidebar is longer than main contents or extend the main contents area.
Would you please tell me how to do it?

Thank you,
Kazumi

[Jeff]

Jeff

#244957

Hi,

Right now, the sidebar is over footer area if the sidebar is longer than main contents.
*Login to see link

I’d like to add scroll bar to the sidebar when the sidebar is longer than main contents or extend the main contents area.
Would you please tell me how to do it?

Thank you,
Kazumi

[Ben Ritner]

Ben Ritner

#244804

Filtering for attributes are ok. But when filtering for Categories, url moves to …./categories link from …../shop, so filters disappear again :((( Can you please take a look at that?

To be clear, the category widget is not a filter, it’s navigation and the change takes you to a category archive where you leave the shop page.

If you want these widgets on your archive pages as well you would have to build that in using a plugin like this where you can create custom templates for woocommerce archive pages.

https://www.kadencewp.com/product/kadence-woo-template-builder/

hiding shop sidebar in mobile view

You can use this css:

@media (max-width: 992px){
    .woocommerce-page.archive #ktsidebar {
        display:none;
    }
}

change filter titles font type from H3 to H4

That can not be done with css, however you can style the h3 titles to look like h4 with this css:

.woocommerce-page.archive h3.widget-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
}

Or just simply move shop sidebar to the top in mobile view with a css/media query? (And I should delete widget with filters from the Shop page?)

You can use this css if you want to do that:

@media (max-width: 992px){
.woocommerce-page.archive #content > .row {
    display: flex;
    flex-direction: column-reverse;
}
}

I hope that helps,

If you have any new questions it’s really helpful if you can create a new topic, thanks!

Ben

[Ben Ritner]

Ben Ritner

#244801

Hey,
Open your page that you’ve set as the home page, in the right sidebar you will see “Page Content Width” what do you have that set to?

If it’s set to fullwidth then simply change that to default, if it’s set to default navigate to your theme options > Page settings, scroll to Single Page Content Width Default. Set that to “contained”.

Ben

[Anita]

Anita

#244797

Or just simply move shop sidebar to the top in mobile view with a css/media query? (And I should delete widget with filters from the Shop page?)

[Anita]

Anita

#244795

I’ve put basic WooC filter back. Have put a widget with filters to the Shop page. Filtering for attributes are ok. But when filtering for Categories, url moves to …./categories link from …../shop, so filters disappear again :((( Can you please take a look at that?

In addition, can you please write the css for:
– hiding shop sidebar in mobile view
– change filter titles font type from H3 to H4

Thanks a lot,
Anita

• This reply was modified 6 years, 2 months ago by Anita.

[Anita]

Anita

#244745

So Now I’m thinking on to put back basic WooC filtering.

In this case, would the previous css work, that Hannah wrote? > to put filters in the top in mobile view, and hide from the sidebar?

[Hannah]

Hannah

#244708

You can upload screenshots here using the Upload Images button below this form.
1. I would suggest deactivating your plugins to test if any are conflicting. Let me know if there’s no change.

2. Sorry, in your edit page when using the block editor and when editing the Advanced Gallery Block, in the block settings in the right sidebar you’ll see this option.

Hannah

[Hannah]

Hannah

#244670

Hi Solace,
You would need to select the sidebar based on the page id(s) that it is being added to. Would this work for you?

Hannah

[Solace]

Solace

#244664

Hey Ben and team

Hope you are doing well.

I’m creating a custom sidebar – all good but even though I’ve given it a name in the theme options and added content to it in the appearance section, on the front end, I’ve noticed the custom sidebar name does not appear as a class or # name in the markup…. therefore making it more difficult for styling.

This is what I see:

<aside id="ktsidebar" class="col-lg-3 col-md-4 kad-sidebar" role="complementary" itemscope="" itemtype="*Login to see link
<div class="sidebar">
<section id="black-studio-tinymce-3" class="widget-1 widget-first widget widget_black_studio_tinymce">

etc!

Could you consider adding to the theme so that the custom name , ID or class shows up in the front end ? I’d really like to be able to style that particular sidebar using its custom name / id or class.

Thanks

[Solace]

Solace

#244664

Hey Ben and team

Hope you are doing well.

I’m creating a custom sidebar – all good but even though I’ve given it a name in the theme options and added content to it in the appearance section, on the front end, I’ve noticed the custom sidebar name does not appear as a class or # name in the markup…. therefore making it more difficult for styling.

This is what I see:

<aside id="ktsidebar" class="col-lg-3 col-md-4 kad-sidebar" role="complementary" itemscope="" itemtype="*Login to see link
<div class="sidebar">
<section id="black-studio-tinymce-3" class="widget-1 widget-first widget widget_black_studio_tinymce">

etc!

Could you consider adding to the theme so that the custom name , ID or class shows up in the front end ? I’d really like to be able to style that particular sidebar using its custom name / id or class.

Thanks

[Hannah]

Hannah

#244641

You can set your blog post sidebar default to sidebar1 as well (theme options > blog options). Otherwise yes, that’s correct.

Hannah

[Ewelina]

Ewelina

#244628

Ok, so “Blog Post Sidebar Default” is “primary sidebar” and on pages I can decide which sidebar I wouuld like to use: the same as on blog page (“primary sideabar”) or “sidebar 1”. Am I right?

[Hannah]

Hannah

#244583

From each of your edit pages you’ll see an option to turn your sidebar on or off and you’ll also see an option to select a sidebar. This can also be selected throughout your theme options where you have sidebar options.

Hannah

[Sirish Singh]

Sirish Singh

#244562

This reply has been marked as private.

[Ewelina]

Ewelina

#244557

Hi,

thank you for your response, but that’s not what I meant. I would like to know where “sidebar1” would appear on my site if I used it.

[Hannah]

Hannah

#244434

Try using this:

@media (min-width: 992px) {
.woocommerce form.wpf_form.wpf_form_teszt_filter.wpf_form_ajax.wpf_form_scroll.wpf_submit_on_change {
    display: none;
}
}
@media (max-width: 992px) {
.post-type-archive-product aside#ktsidebar {
    display: none;
}
}

Let me know how that works for you!

Hannah

[Anita]

Anita

#244424

Yes, this would work..but I’m not familiar with media queries 🙁

The filter is added now to the top of shop page.

Can I ask for some developer support, to create css and media queries to have that show only on mobile, and also to hide the sidebar filter on mobile..? That would be really great.

Sidebar filter shortcode: [searchandfilter id=”filter”]
Top filter shortcode: [searchandfilter id=”teszt_filter”]

Thanks a lot,
Anita

[Hannah]

Hannah

#244403

One option would be to use a page builder plugin to add the filter as a widget into the content area of your shop page. Then you can use css and media queries to have that show only on mobile, and also to hide the sidebar filter on mobile. Would that work for you?

Hannah

[Hannah]

Hannah

#244306

Hey,
You can edit the contents of your sidebars from Appearance > Widgets.
Hope that helps!

Hannah