Mobile search bar

[zeryabadrichem]

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.

[Aizaz Awan]

Hello, @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.

[zeryabadrichem]

Thanks a lot! How can I get the searchbar in de middle now and this whole bar centred?

[Aizaz Awan]

Hello, @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.

[Author]

Posts