how to resize the width of sidebar?

Hi @nadaraman,

Thank you for contacting us.

If I got your query correctly, you’d add this CSS code to Appearance > Customize > Additional CSS from dashboard.

@media only screen and (min-width: 992px) {
	 .woocommerce-page.archive .site-main {
		 width: calc(100% - 250px);
	}
	 .woocommerce-page.archive #secondary.widget-area {
		 max-width: 250px;
		 width: 250px;
	}
}

Hope that helps.

Regards,
Kharis

thank You

You’re welcome @nadaraman!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis

Hi @kharisblank,
When the windows size less than 800px the position of sidebar changes to bottom. how could I change the position of side bar into top, centre aligned in windows less than 800 px?

thank You

Hi @nadaraman,

Thank you for getting back.

> how could I change the position of side bar into top, centre aligned in windows less than 800 px?

To achieve that, you should do markup changes via child theme. Duplicate these files from main theme’s folder to your child theme’s.

* archive.php
* home.php
* index.php
* page.php
* single.php

Then edit them with code editor, and move this line

do_action( 'botiga_do_sidebar' ); 

to an empty line right before <main id="primary".

Hope that helps.

Regards,
Kharis

Thank You for your update.
these code are working for blog and other pages but not for WooCommerce!
I think I missed a point while posting support, I have to align sidebar widget in “SHOP” (WooCommerce products) pages
thanks,

Hi @nadaraman,

Thank you for getting back.

Can you provide links to the pages needing help with, so I can get your context correctly?

Regards,
Kharis

Botiga->Shop

• This reply was modified 3 years, 3 months ago by nadaraman.

@nadaraman thank you for getting back.

Try adding these lines to your child theme’s functions.

remove_action( 'woocommerce_sidebar', 'woocommerce_get_sidebar', 10 );
add_action( 'woocommerce_before_main_content', 'woocommerce_get_sidebar', 10 );

Then you’ll need to add some CSS adjustments for column width of the main content.

Hope that helps.

Regards,
Kharis

thank you for your support!

You’re welcome @nadaraman!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis