Increase Storefront sidebar width

  • Resolved bebf

    (@bebf)


    4 years ago

    Hi,

    I would like to increase the width of the Storefront sidebar.
    I’ve tried both:

    
#primary {
	width: 65%;
}

#secondary {
	width: 30%;
}

    and 

    
#primary.content-area{
	width: 66%;
}

#secondary.widget-area{
	width: 28%;
}

    Which both work, but the issue is that I am using a Parallax Hero on my home page, and when using either of the above CSS snippets, the Parallax Hero is squashed up with the primary size setting.
    Is there a way to only set the sidebar width for the Shop and Product pages?

    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Gabriel – a11n

    (@gabrielfuentes)

    Hi there ??

    Could you please share a link to your site to check if I can provide you a custom CSS code for that?

    Cheers ??

    Thread Starter bebf

    (@bebf)

    Hi Gabriel,

    I’m afraid the site is an internal business site hidden behind a VPN; which I realise makes this a pain. I’m happy to provide any information you might need to make this less of a stab in the dark for you?

    Thanks

    Laura S a11n

    (@laurasa8c)

    Hi there!

    Please try the following:

    
.right-sidebar .content-area {
    width: 65%;
}
.right-sidebar .widget-area {
    width: 30%;
}

    Hope that helps!

    Thread Starter bebf

    (@bebf)

    Hi Laura,

    I’m afraid that didn’t work either – it was still squashing the Parallax Hero.
    But I have now managed to get the sidebar to the size I want using the CSS Hero plugin.

    Thanks

    Plugin Support Gabriel – a11n

    (@gabrielfuentes)

    Glad to know that you could solve it ??! If you have any further questions, you can start a new thread.

    Cheers!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Increase Storefront sidebar width’ is closed to new replies.

Tags