zachzacho

Hey Tijmen,

I messed around with the code and I appreciate your help. Although that comes sort of close to what I’d like, I think aesthetically the side menu is probably best. I tweaked your previous CSS to reduce the width of the result list with this:
#wpsl-stores { width: 320px !important }

The menu is the right size now but there is empty white space where the rest of the result list used to be. Trying to be self-sufficient I’ve tried these different codes to fill it:
#wpsl-result-list {
width: 320px !important;
}

and

#wpsl-stores .wpsl-result-list * { width: 320px !important }

and

#wpsl-gmap {
width: auto !important;

I have no clue what I’m doing.

Hello Tijmen,

Sorry about that, we had the #wpsl-result-list {
display: none !important;
}

To temporarily hide the list until we were able to achieve our desired result. I went ahead and left the issue live on the site for you to see it. The result list is stacked vertically and I was hoping to make it horizonal instead, (as that takes up less space / and you can still see the map while you’re looking through the store list).

https://ionaz.com/locations/

I applied your code #wpsl-stores { height: 250px !important } and I did not see any changes to the format; vertical, horizontal or otherwise. I have left that custom CSS inserted into our website as well.

The website link toward my work is here.