Mobile search bar

[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.

[reycasper]

Hi can you please upload again this screenshot : [ https://postimg.cc/QV6GV2Lk ] since its no longer available, I also want this features in my site.

[Aizaz Awan]

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

[reycasper]

Hello @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?

[Aizaz Awan]

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

[reycasper]

I already sent in private area

This field is Private Content.

[Aizaz Awan]

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

[Author]

Posts