[Resolved] Lightweight Grid Column Mobile View

[Rylan Urban]

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!

[Leo]

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

[Author]

Posts