Archived topic
Lightweight Grid Column Mobile View
1 reply · Started by Rylan Urban on April 27, 2017
please see http://texasgoingsolar.com
I'm using LGCs in the header - but on mobile it doesn't really work. I was wondering if there was a way to disable them for mobile only? And then possibly adding in something different for mobile.. and then disabling it for desktop only.
Also, I'm using a CSS that I've used in the past to size the mobile menu logo size - but right now it's way too large. Any ideas?
Thanks!
Hi Rylan,
Instead of using lightweight grid column, I would recommend using GP's built in grid system for this one so it's a bit easier to style.
So something like this: <div class="grid-50 tablet-grid-100 mobile-grid-100">.
You might find these built in classes useful as well: hide-on-desktop hide-on-tablet hide-on-mobile
