My header has a scroll to the right on mobile

Hi @mihahg ,

Thank you for your kind patience with this and sorry for the delay in replying you here on this thread.

About responsiveness:
Yes, I understand your concerns about this, but I would like to be more clear on the same as it is all about the appearance and looks of the theme that you are using on the site, which could be different according to the individual site’s needs. In addition, the site’s appearance on mobile devices also mainly depends on the theme’s responsiveness first.

However, our product is completely open-coded and you can make changes to the requirements anytime. If you are good at CSS scripting skills, then such changes are easy for you to achieve. In addition, you can add your own custom CSS also to get your required layout and appearance.

I would like to give you some guidance on the ideal process for your reference:
Here in this case, you will need to add some additional custom CSS to that way. Kindly add the CSS on your site in the Additional CSS tab by following the below instructions and let me know how it goes.

Here is a detailed idea on how you can add the custom CSS code into your site easily:
https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/

Also, about the file(s), below tutorials can be helpful:
https://www.wpbeginner.com/plugins/how-to-find-which-files-to-edit-in-wordpress-theme/

https://www.youtube.com/watch?v=JY6uIDAVTpM

https://www.barrykooij.com/what-the-file/

In your case also, you can try to find-out the relevant CSS classes and then you can add your own styling/color accordingly.

Suggestions for better troubleshooting:
By looking at the query, issue and site, I can see in the console that it could be a conflict issue there. Before going ahead, please ensure that you have done a few basic tests from your site OR not yet at any of your sites. In that case, have you tested for any conflicts with the proper steps as explained below along with the basic troubleshooting?

I can see, you have mentioned that you already tried by deactivating all plugins. Please see the instructions below for how to do this and take a look once again for your reference, check if you have missed anything in the process:
https://wpastra.com/docs/troubleshooting-steps/#basic-troubleshooting-steps

You can do such experiments on your staging site first and then can check the results to make sure before doing anything on your live site.

Apart from that at your site, I have observed that the console is showing some errors which can affect the performance. Here is the screenshot for your reference too:
https://d.pr/i/FnM3wb

You can see into the screenshots that console is showing below errors mainly:
JQMIGRATE: Migrate is installed, version 3.4.0
caught TypeError: oldWindowLoad is not a function

This message is a notification from the jQuery Migrate plugin, which is designed to help developers migrate their code from older versions of jQuery to the latest version. The message indicates that the plugin has been successfully installed and is running version 3.4.0.

If you see this message in your console, it means that the jQuery Migrate plugin is installed and ready to assist with any necessary code migrations. You can consult the plugin’s documentation for more information on how to use it.

Hope this helps ??

Kind Regards,
Umar

• This reply was modified 1 year, 10 months ago by Umar.
• This reply was modified 1 year, 10 months ago by Umar.
• This reply was modified 1 year, 10 months ago by Umar.

Hi @mihahg ,

I am marking this thread as Resolved due to the lack of activity. If you need further help, please respond to this thread, or start a new one.

Kind regards,
Umar