Tagged: mobile, responsiveness, tablet, viewport
So is their a way to do this? I use Enfold all the time and it’s a great time saver when rapidly deploying websites but sometimes I don’t have time to make sure it looks good on all devices, most of the time out of the box it looks decent but with the customization I do sometimes it breaks a little.
Is there a way to disable the breakpoint or viewports meta so on desktop and tablet is looks exactly the same, tablet will just be scaled down a little then when you get to a mobile device is kicks in with all the breakpoints?
Any advice on this would be great.
Thanks
Hey acscreativenew!
No, not that I know of. I haven’t tested it out but in the grid.css file you could try deleting lines 83 – 92 and lines 339 – 371 to get rid of the tablet sized CSS. There will probably be other edits needed as well, in the shortcodes.css stylesheet, etc etc.
Regards,
Elliott
Hi Elliott,
Is there a way to protect any customizations to the parent grid.css? Apart from source control?
Thanks in advance!
Hi!
You could add your own CSS in a child theme stylesheet and use the !important override to make sure it gets set.
a { color: red !important; }
That is how you would use it.
Best regards,
Elliott