Firstly, thank you so much for all your support on this forum!
So.. Woocommerce changes the layout to "small screen friendly" when the width is 768px or under.
This feature clashes with my theme, as my layout changes to "small screen friendly" at 760, not 768.
(I prefer 760 over 768, because iPad's portrait view is 768px wide, and I think iPad's screen is still too large for a "small screen friendly" view, and therefore 768px is too soon to activate it.)
I located the code responsible for this, it's at:
line number 32
Specifically: $breakpoint = '768px'
When I change the number above to 760, it fixed the issue, but i'm in need of a more permanent solution.
I was hoping someone could help me write a code for my theme's functions.php, which will change 768 to 760, even after woocommerce gets updated, etc.
I'd really really appreciate your help.. :)
Thank you so much,