Docs

[nickohorny]

I am using a sidebar in my store section:

I would like to move this to the left instead of right, I can’t see anywhere in the settings or customizer to allow this? is there a fix please?

Also, on the sidebar categories, is there a way to enable the hover state of the panel to act like a mini-menu and show a background color. At the moment it has no interaction state when rolling over the categories, which looks a bit boring.

[nickohorny]

This reply has been marked as private.

[Nico]

Hi There,

Thanks for writing in.

To change the position of your sidebar, go to Cutomizer > Layout and Design > Content Layout > Sidebar Left, Content Right

To add hover state for you sidebar categories:

.widget ul li:hover, .widget ol li:hover{
background-color:#000;
}

Let us know how it goes.

Thanks.

[nickohorny]

Thanks for that, it works.

How can I change the original state background color too? so not just the hover.
Also how to add some left padding to the text in this section? Thank you 🙂

[Lely]

You’re welcome!

Add this CSS:

.widget ul li, .widget ol li{
    background-color:red; /*Change to your preferred color*/
    padding-left: 10px; /*Adjust to your preferred padding on the left*/
}

Hope this helps.

[nickohorny]

Thanks, sorted. :0

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts