Content / Column Width

• 

  munkytalk · Member · Mar 31, 2019 at 7:58 am

  • Copy link
  • Add topic to favorites

  Hi – I am trying to make my content / column width smaller. I don’t want to adjust my menu on the top of the page though. Can someone kindly help? My site (and an example of my page) is pasted below. Many thanks!

  WHAT IS “YEET HAY” OR HOT AIR FOR CHINESE PEOPLE

  The blog I need help with is: (visible only to logged in users)

• 

  pranaliwp · Member · Mar 31, 2019 at 11:15 am

  • Copy link

  Hello @munkytalk,

  Let me help you with this.

  You can decrease the width of the content with the help of custom CSS. I can suggest what CSS to use for this that can be added under My Site > Customize > CSS:

  .wrapper {
      width:60%;
  }

  Note: Custom CSS is only available with a paid upgrade to Premium or higher.

  I hope this helps!
  Let us know if you have any query regarding this or need any further assistance.

  Thank You!

  Regards,

• 

  khushbudesaiblog · Member · Mar 31, 2019 at 11:39 am

  • Copy link

  Hi @munkytalk,

  You could add below code to have a smaller width of column/content.
  Go to My site -> Customizer -> Additional CSS
  Add below code.

  #main, .searchform, #nav {
  max-width: 1000px; // Decrease width to make it even smaller

  }

  I hope this is what you want.

• 

  munkytalk · Member · Apr 1, 2019 at 4:24 am

  • Copy link

  Thanks! is there a way for the CSS code to not affect my mobile theme? When I utilize this code it makes the mobile a lot smaller as well. I would like to keep the mobile piece at 100% width.

  I tried checking off the “use CSS for mobile” but doesn’t seem to work. Many thanks again!