I’m trying to add a search function to my website using ‘Simple Site Search’ but unfortunately, I can’t get the responsive side of things to work correctly. I have tried for many days the following suggestions, please see link below, but as of yet I’m still baffled.
I’ve added the following code as advised, included the correct brake point sizes etc, (please see code below) and all seems to we working just fine. However, when I test the page, while the search results box seems to display correctly. Oddly, the largest search box used on the largest page size seems to remain, adding space to the right-hand side, undoing the responsive properties.
Try, searching the number ‘1’ for example and see what I’m trying to explain. I know that I need to add the description in meta tags, the site is only in early stages.
I have seen and tried adding the following code as mentioned, please see below, but having absolutely no understanding of code, it makes absolutely no sense and hope someone can be so kind as to advise me.
Thank you for your kind reply, greatly appreciated. I will take your advice, alway good to get suggestions.
While it looks as if the responsive side of thing are working correctly. If you look at the search results on a mobile device and scroll to the left, you will see that things go wrong.
I can see that a freeway talk member a Mr Richard van Heukelum, suggested the code below for someone having a similar issue, but I’m not sure what to do, as I don’t understand code, hope you or someone else can point me in the right direction.
I can see that a freeway talk member a Mr Richard van Heukelum, suggested the code below for someone having a similar issue, but I’m not sure what to do, as I don’t understand code, hope you or someone else can point me in the right direction.
Thank you once again David, can this be solved, by removing or editing something. Not sure what you’re suggesting.
I’m sure others are having the same issue. Have you built a website that has a search function on the site that renders responsive? Would love to see one working.
Many thanks, Paul
freewaytalk mailing list
email@hidden
Update your subscriptions at:
Thank you once again David, can this be solved, by removing or editing something.
With your search item selected look in the Inspector to see what size has been set there. It should be set at a fixed% of its parent.
If you set it at 50% and the parent was 1000px wide then the size is set at 500px when the results display is created. As this is added as an inline style you need to work harder in your added code to supersede that style.
So in your markup code add the !important declaration to each size setting eg
Just a quick note to say a big thank you. You’re an absolute genius. This has perplexed me for days and days and I’ve tried everything. Looks like Richard has solved his issues too, keep up the great work and thank you very much.
Take care, Paul.
freewaytalk mailing list
email@hidden
Update your subscriptions at: