Home Page › Forums › Porto | Multi-Purpose & WooCommerce Theme › Mobile search bar
- This topic has 9 replies, 3 voices, and was last updated 1 year ago by
Aizaz Awan.
-
AuthorPosts
-
June 3, 2023 at 8:31 pm #1475
At the moment I can not see a search form in my mobile header. Only the toggle and if I click on it I see the form.
Is it possible in this theme to always see the search form in mobile and ipad device? Centred in the middle of my mobile header?This field is Private Content.
June 5, 2023 at 7:13 am #1478Hello, @zeryabadrichem,
Thank you for bringing your issue to my attention. I have carefully reviewed your concern and unfortunately, there is no pre-existing option within the theme that can address the specific issue you have encountered. However, I have taken the initiative to resolve the problem by utilizing custom CSS code.
To implement the solution, I accessed your site and added the necessary custom CSS code via the theme options section.
You can refer to the following image link for a visual representation: [ https://postimg.cc/QV6GV2Lk ].Upon applying this code, the issue you reported has been successfully resolved. To provide you with evidence of the resolution, I have captured screenshots of the resulting improvements on both the “IPAD” and “MOBILE” versions. Please find the respective links to the screenshots below:
“IPAD”: [ https://postimg.cc/Mcttd8m9 ]
“MOBILE”: [ https://postimg.cc/94XY4nHZ ]To ensure that the changes take effect on your end, I kindly request that you clear your browser cache and revisit the website. This will enable you to observe the resolved issue accurately.
If you encounter any further concerns or require additional assistance, please do not hesitate to reach out to me. I am here to support you.
Thank you for your understanding.
Kind Regards,
PThemes Team.June 8, 2023 at 7:24 am #1553Thanks a lot! How can I get the searchbar in de middle now and this whole bar centred?
June 8, 2023 at 10:13 am #1561Hello, @zeryabadrichem,
Actually, the search bar already appears on the mobile as you can see here: https://postimg.cc/94XY4nHZ But to get this in the center add the CSS code in the PORTO >> Theme Options >> Skins >> Custom CSS >> at the bottom of the black box.
@media(max-width:575px){ #header .searchform-popup .searchform{ margin-right:75px !important; } #header .mobile-toggle{ margin-right:250px !important; } }After that save the settings and check back to your site the result will appear like this: https://postimg.cc/fk8VFf4J
Best Regards,
PThemes Team.November 20, 2024 at 4:46 pm #23977Hi can you please upload again this screenshot : [ https://postimg.cc/QV6GV2Lk ] since its no longer available, I also want this features in my site.
November 21, 2024 at 10:02 am #23996Hello, @reycasper,
I have reuploaded the same screenshot here: https://pasteboard.co/OYEVPbXrPt2M.png please check it.
And please generate a fresh new topic for your issues.
Thanks for your understanding.
Best Regards,
PThemes Team.November 21, 2024 at 4:21 pm #24004Hello @Aizaz Awan thank you for a quick reply, i just add this css and its working on mobile, search bar is already display, but is it possible also that search bar can also be display in sticky header?
November 22, 2024 at 4:05 am #24017Hello, @reycasper,
Could you please share the live URL of your site under the private content area, so that I can look into it for you on your site and help you out?
Best Regards,
PThemes Team.November 22, 2024 at 5:29 am #24020I already sent in private area
This field is Private Content.
November 25, 2024 at 5:53 am #24088Hello, @reycasper,
I have just checked your provided site and the search box in the sticky header is showing and working fine on mobile, please refer to this screenshot: https://postimg.cc/JynZWHcC so please clear the cache and check back again.
Best Regards,
PThemes Team. -
AuthorPosts
- You must be logged in to reply to this topic.