Sidebar Width

  • Resolved parkerchris76

    (@parkerchris76)


    3 years, 2 months ago

    Hi,

    I am trying to find a way to change the width of the sidebar on my site.

    I have enabled the sidebar on my shop page only and added just a single widget to show product categories. As you can see from the link provided there is a lot of “whitespace” as the sidebar is too wide.

    I have tried a number of css overrides but I don’t seem to be able to find/get the right combination to reduce the width. Could you please help?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author WP Cake

    (@wpcake)

    Hi @parkerchris76,

    You are almost there. It looks like the main content is set a little short. Your sidebar has a width of 15% and a main content area of 70%. I think if you increase the width of the main content area so it combines with the sidebar to equal 100% you will achieve the effect you are looking for.

    Try adding the following CSS to your custom CSS panel in the customizer:

    .woocommerce-page .content-area{
  width: 85%;
}

    Thanks

    Thread Starter parkerchris76

    (@parkerchris76)

    So close haha – thats done the job – thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Sidebar Width’ is closed to new replies.