Archived topic
Desktop vd mobile
9 replies · Started by Caj on August 4, 2021
Im practicing with buttons before a picture as in
Caecilia-heiloo.NL/oefenpagina
On desktop it shows as intended but on mobile it s…s (does not).
How should I proceed in programming that this works on both devices?
Your help is very appreciated.
Hi there,
on Mobile, how will the button overlap the image ? Will it still be to the side of the image ?
hi David, on mobile, it doesn't overlap. It shows the right part of the button far under the picture.
And where do you want it displayed on Mobile? Should be exactly the same as Desktop ?
Yes, that's the intention: overlapping button over image.
Hi there,
You can set the gird container which holds the image to 50%width on mobile, it's currently set to 100%by default.
But it will be looking like this, even I tried to remove the left/right padding of the outside container.
https://www.screencast.com/t/YSPnYdmc
You can also reduce the font size of the button for mobile.
thanks Ying, I'll give it a try.
What I should do, is develop a page for mobile and a page for desktop. Does GP offer a "check for device' or is there something you can do to present page 'page for mobile' on mobile and 'page for deskop' on desktop?
Does GP offer a “check for device’
Unfortunately, there's no built-in option available.
But you can give this solution Tom provided a try to redirect the front page to the page specifically built for mobile.
https://generatepress.com/forums/topic/different-homepage-for-mobile/#post-554306
Thanks Ying, I'll try.
No problem :)
