This topic has 4 replies, 2 voices, and was last updated 6 years, 10 months ago ago by Rose Tyler
Good Evening WooCommerce community!
I’m wondering if someone with a bit more coding knowledge than myself can inform me as to why some mobile browsers are showing the categories overlapping the content (See image link below)
http://tinypic.com/r/23j1s8x/9
My mobile browser personally is showing it fine, and the content drops when the category bar is used. However, my business partner is experiencing the problem shown within the image above and i’ve had one other person state the same issue!
Any help would be much appreciated to narrow down what is causing this on some phones and not others.
Thanks and Happy New Year, Greg.
Hello,
I hope you are well today and thank you for your question.
I’ve checked your shop page on Samsung mobile and do not see the problem.
On what phone and browser do you get the problem?
Happy new year to you, too.
Regards
Hi Rose, thanks for your response and sorry for the late reply!
As mentioned, I have asked numerous friends/family if they have the problem and only a select few see the page displayed as shown in the image.
By the looks of the image the effected browser is Safari Mobile.
Thanks again, Greg.
Hello,
Please try to add this code in custom.css:
@media (max-width: 767px) {
.page-content.responsive-sidebar-top > .row-fluid .sidebar, .page-content.responsive-sidebar-top > .row .sidebar {
flex:auto !important;
}
}
then clear cache and check if the problem solved.
How to create custom.css you can watch in this tutorial https://www.youtube.com/watch?v=Qok2zRedRMY.
Regards
You must be logged in to reply to this topic.Log in/Sign up