template for mobile devices
I really want a completely different template structure for a mobile device. Like for example first; breadcrumbs, product title, product image etc. What is the best way to do that? I was thinking of a 2nd template that only applies to mobile devices. Is that possible, if so how?
Comments
Hi,
No, assigning templates for mobile devices only is not possible.
What you can do is to use Responsive Visibility options.
https://support.muffingroup.com/video-tutorials/responsive-editing-in-bebuilder/
Best regards
Hi Phil, thanks for your response. I understand what you are saying, but if I have the H1 title on the left in a wrap for a desktop device, then for a mobile device I cannot place this title on the right in the wrap, for example, because then I change it for all types of devices. However? The video is more about small things such as large text or spaces and paddings?
Title on mobile can be placed in different positions than on the desktop.
The video also shows Responsive Visibility options with which you can hide elements, wraps, or sections for a particular device, which allows you to create a completely different layout on desktop and mobile.
Best regards
My product template actually has a left wrap and a right one. I really like this on a desktop device. But this does not work well on a mobile device. Then the image is shown first and then the breadcrumbs, title, etc. While I would like breadcrumbs, title, picture, price, etc. first. But without making any concessions to the desktop view. I struggle with that.
You can use the Reverse rows option for that section. Thanks to that, the first product info will be displayed, and the product image will be displayed then.
Best regards
Fantastic Phil! You always amaze me that you think about everything. Thanks again!
Glad I could help.
It is hard to think about everything, but we do our best. ?
Best regards