Docs

[Philip M]

Hi guys,
I have added a sidebar with product attributes in it, to filter my items. It works well, except it takes up the whole left hand side of the page (on a desktop, on smaller screens it drops below), instead of sitting underneath the header.

I’m sure I have a seetting wrong somewhere, but I can’t find it.

Could you help please?

Thanks in advance,
Philip.

[Christian]

Hey Philip,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Regarding the sidebar position on mobile, that is the layout that comes out of the box. There’s no option to change it. It could be possible with custom development but that is outside the scope of our support.

Thanks.

Thanks.

[Philip M]

This reply has been marked as private.

[Christian]

Hey Philip,

I see you’re using Icon. Regretfully, its sidebar is designed to be fixed in the side so there is no way to move it below the header. What we can only do is make your sidebar contents move down a bit. Please add the code below the code below in your Appearance > Customize > Custom > Global CSS

@media (min-width: 1200px) {
.x-sidebar .max.width {
    margin-top: 100px;
}
}

Thanks.

[Philip M]

Hi Christian,
thanks for trying, but that doesn’t really help I’m afraid. As you say, all it does it create white space above the filters and push them down, the header is still squeezed in, and now the bottom filters are hidden too.
Ah well, I’ll have to get my thinking cap on again.
Regards.

[Rue Nel]

Hello There,

Thanks for the updates! Please be advised that the Icon stack were designed to have the sidebar as fixed on the left or right of the site. If you want the sidebar to be just under the header, please use choose the other stack instead. As for your current stack, editing the sidebar to be placed under the header would not be possible since it will directly lead to a customization of the stack. Custom development is beyond the scope of our support. We only covers getting setup, theme features, and bug fixes.

Thank you for you kind understanding.

[Author]

Posts