In this video I demonstrate how to use Chrome Developer tools to troubleshoot elements that look a certain way on desktop and tablets, and a different way on mobile, and how to change the way the elements display just on tablets. In the Developer Tools I find the specific element that needs a media-query that specifically changes its width and how it displays for only on tablets. Then, I hop over to the Shopify admin and show how to add a custom CSS stylesheet to the current theme. And I show how to add the CSS the new custom.css file that will make the change just for tablet view.
Ready to talk with a live expert?
Book a session with one of our Hopps Experts.