Home › Forums › Product Support Forums › Ajax Search Pro for WordPress Support › Category filters on mobile
This topic contains 3 replies, has 2 voices, and was last updated by Ernest Marcinko 2 weeks, 6 days ago.
- AuthorPosts
- April 21, 2024 at 12:35 am #47889
I have a few questions about the categories section on my blog page. First, on an iphone, the category radio options are showing as white boxes? Please see my previous ticket to see the customization that was applied to the category options: https://wp-dreams.com/forums/topic/category-filter-styling/#post-47777
I am also wondering if there is a way to make this a drop down selector on mobile, rather than a list of clickable categories? The categories take up the whole screen and makes it rather difficult to use…
Thank you for your help!
Attachments:
You must be logged in to view attached files.April 22, 2024 at 8:52 am #47894Hi,
Please note that I can’t guarantee anything for customizations.
Apple mobile devices – especially when using the Safari browser are notoriously badly designed, most webkit features are buggy, many CSS rules are simply ignored. This is the case here, where you have this custom rule:
input.asp_radio { -webkit-appearance: none !important; appearance: none !important; background-color: #fff; margin: 0 !important; }
The Iphone Safari simply ignores the “appearance: none” and still displays the radios. The only way to get around it is adding a display rule as well:
input.asp_radio { -webkit-appearance: none !important; appearance: none !important; background-color: #fff; margin: 0 !important; display: none !important; }
This should solve it.
Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)
April 22, 2024 at 10:21 pm #47901Hey Ernest, thank you for the radio option CSS i will give that a try. Do you have any solution for the mobile display of the category selectors? Is it possible to change this to a drop down selection on Mobile?
April 23, 2024 at 8:21 am #47902Well, to change from one layout to another based on device is not possible, as it’s rendered on the server side.
However you could create a copy of the current search bar, configure it for the mobile layout and display the main for desktop and the other one for mobile devices.
Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)
- AuthorPosts
You must be logged in to reply to this topic.