Layout of advanced search dropdown

This topic contains 4 replies, has 3 voices, and was last updated by Martin Steimann 5 years, 7 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Author

Posts
April 30, 2019 at 12:08 pm #483663

Martin Steimann
Lifetime Member

Post count: 262

Hello,

just a minor design issue: would it be possible to align all the titles of the advanced search dropdown menu left instead of center?

Due to the different numbers of items in my search categories I get quite a lot of empty space between them. If a customer does not scroll the list on desktop devices all the way down, he might overlook the category 4 + 5. Can the layout be changed to 5 columns in a row?

Regards,
Martin

April 30, 2019 at 4:40 pm #483739

Paolo
Site Admin

Post count: 31206

Hi,

link please, we can’t inspect and provide CSS with screenshot.

Thanks

April 30, 2019 at 10:26 pm #483816

Martin Steimann
Lifetime Member

Post count: 262

Thanks for your reply, Paolo. It‘s https://edelmut.org

May 1, 2019 at 3:54 pm #484002
Stiofan O’Connor
Site Admin

Post count: 22956
Hi Martin,

Please add this CSS to your customiser CSS:
```
/* Left align search titles */
.geodir-filter-container .customize_filter-in span{
    text-align: left;
    display: block;
}

/* Make search filters 5 columns */
.geodir-filter-container .geodir-filter-cat{
    width: 20%;
}
```
Thanks,

Stiofan
May 2, 2019 at 7:08 am #484090

Martin Steimann
Lifetime Member

Post count: 262

Excellent, thank you very much Stiofan!
„Width: 15%“ is the perfect value in my case.

Regards,
Martin
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Hurry! Get your 20% discount before it expires. Get 20% Discount