Change side panel width

Wishlist Store Locator
1

It would be great to be able to change the size of the side panel or to be able to hide it, on small sizes it covers a lot of the card which is the main element.
Thank you.

1 Like
2

Hi @Benjamin15 :wave:

We agree that it would be awesome to have this setting in the configurator. We’ll try to think this opportunity over in the future updates :slightly_smiling_face:

As for now, you can adjust the side panel’s appearance using these codes:

  1. Hide panel and floating reopen button on mobile devices:

@media screen and (max-width: 819px) {
[class*="desktop-layout__Sidebar-sc-"],
[class*="mobile-layout__Directory-sc-"],
[class*="FloatingButton__FloatingButtonContainer-sc"]{
		display: none !important;
}

  1. Here is the code to adjust panel’s width on mobile:
@media screen and (max-width: 819px) {
	[class*='directory-locations-list__Container-sc'] {
		width: 300px !important;;
	}
}

If you want to apply these changes for the desktop version too, just remove the 1st line in each of the code.

Note: The codes should be added to the Custom CSS field on the Style tab of your widget’s settings