Hi,
I got the same issue. Adding this code to the additional CSS helped me.
@media only screen and (max-width: 768px){
html,
body{
width:100%;
overflow-x:hidden;
}
}
Regards,
Pranuthi.
Thread Starter
fah121
(@fah121)
Hi pranuti,
Thanks for the solution. I fixed the issue already but thanks again for sharing.
Best regards,
P
Thanks @pranuthi. After a sleepless night and 10 other alternatives, this fixed the issue. and did not effect the dropdown menu on header.
Peace
What is the solution to alow Overflow on header to be able to use menu button, and also to prevent horizontal sliding on mobile version?
This code
@media only screen and (max-width: 768px){
html,
body{
width:100%;
overflow-x:hidden;
}
}
?
Where to put it?
Hello @mmitrica7 ,
For this, you will need to add some additional custom CSS to align them vertically. Kindly add the CSS on your site in the Additional CSS tab. Here is the link for more details:
https://wpastra.com/docs/adding-custom-css-code/
If you are good at scripting skills, then you will be able to get it done by yourself. 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://wpastra.com/guides-and-tutorials/custom-css-wordpress/
In your case, you just need to find-out the relevant CSS classes and then you can add your own styling accordingly.
Hope this helps and let me know if I can be of further assistance.
I hope this will give you what you are looking to have 🙂
