How to create mobile vs web header

timothybrennan2 · 2020-07-13T03:26:37.799Z

I’m trying to have 2 headers, one for mobile and other for web. Is there a way to say, use this header for mobile and this header for web, so I don’t have to recreate each page for mobile and web versions? Any help is greatly appreciated!

solinz · 2020-07-13T06:36:28.898Z

You can make one header and remove tick from fixed width in editor
You can have to header if you want and make condition if (page width <800) make visible.
There is an option to make mobile version of your app and when user go to this page from mobile he goes automatically to mobile version. You will find it on page editor

ramon.sicre · 2020-08-05T18:24:45.853Z

Hi,

how can I do number 2 and number 3? Cant see where to make the header only visible when page width >400.

Thanks

vnihoul77 · 2020-08-05T18:36:16.661Z

Screenshot_112229×917 186 KB

Screenshot_121267×786 70.6 KB

solinz · 2020-08-05T18:37:25.952Z

No it is not here…
In UI builder tab
click on header itself and edit and put condition if page width

vnihoul77 · 2020-08-05T18:38:58.559Z

@solinz Hey! Why you don’t put the condition in the responsive settings?

solinz · 2020-08-05T18:40:47.804Z

It is easier this way… you don’t have to touch responsive settings.
Remove fix width from page and change percentage.
If you will have two headers then just do condition if page width and put 800
Step 3 you will find if you click on main page itself and edit … the option called mobile version. But to be honest it is hustle to create whole page just because you want to display smaller header. Unless you want to make custom design for mobile

ramon.sicre · 2020-08-05T23:17:36.278Z

hey, I cannot find it.

Screenshot 2020-08-06 at 01.16.232244×1132 169 KB

There is no the option of make this element visible like in an element.

Any suggestions?

solinz · 2020-08-06T05:44:49.083Z

is it reuse able element… you will not find it there… when you paste it on the page you will find the option.

sasaasas434×632 53.7 KB

ramon.sicre · 2020-08-06T12:05:56.897Z

cant find it. Not sure if I am doing something wrong

Screenshot 2020-08-06 at 14.05.021144×1608 213 KB

system · 2020-09-21T03:28:09.480Z

This topic was automatically closed after 70 days. New replies are no longer allowed.