How to change the sidebar width?

Hi,

How can I increase the sidebar width to 340? Thanks!

Hello there,

Thank you for asking.

Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

@media only screen and (min-width:992px){
  
  #primary.col-md-9{
    width: calc(100% - 370px);
    width: -moz-calc(100% - 370px);
    width: -webkit-calc(100% - 370px);
  }
  
  #secondary.col-md-3{
    width: 370px;
  }
  
}

Regards,
Kharis

Hi Kharis,

It works perfect in computer, but the share button still cannot show in the phone screen.

In addition to enlarge the width of the sidebar for phone screen, may I also increase the width of the entire blog page for phone screen?

Hi,
I still cannot see a share button in the facebook like box in the phone screen. Could you help me, please?