Developer forum

Forum » Swift » Show desktop header on tables

Show desktop header on tables

E-mail notifications
Imar Spaanjaars Dynamicweb Employee
Imar Spaanjaars
Reply
Posted on 21/08/2024 16:06:26

Hi there,

Where in Swift is the distinction made between the Mobile and Desktop header and footer? I am trying to display the desktop version of the header on a tablet in landscape mode but I can't figure out where to change this. Can this be done in the visual editor or is this all done with template magic?

Imar

 


Replies

 
Nuno Aguiar Dynamicweb Employee
Nuno Aguiar
Posted on 21/08/2024 16:33:19
Reply
This post has been marked as an answer

Hi Imar,

 

In the website settings you can choose to have the Header and Footer as Adaptive or Responsive. Sounds like you want the latter.

 

Go to Apps > Websites > pick your Swift website > Master Layout > Device Rendering

 

Best Regards,

Nuno Aguiar

Votes for this answer: 1
 
Nicolai Pedersen Dynamicweb Employee
Nicolai Pedersen
Posted on 21/08/2024 17:07:33
Reply
This post has been marked as an answer

You probably want the responsive setting active as that reacts to viewport size where as adaptive reacts to useragent.

If you want desktop header in iPad landscape, you first of all need to go responsive, and secondly you may need to change the either the breakpoint classes on the header rows or change the Bootstrap default viewports as the screenwidth of a tablet might not be high enough to trigger the desktop header.

Also be aware of the 'fix' that gives mouse over on dropdowns in desktop might cause dropdowns to not work on touch devices as they do not have hovering state. And in general the dropdown navigation is not very usable on tablets.

BR Nicolai

Votes for this answer: 1
 
Imar Spaanjaars Dynamicweb Employee
Imar Spaanjaars
Posted on 22/08/2024 11:02:24
Reply

Thank you both; that helped a lot!

 

You must be logged in to post in the forum