Configuring mobile versions of header

Hi - I’m trying to refine the headers in my new site (leafidentity.com) to behave like they were in my old site:
https://leafip.co

How do I link up breakpoints to manage Logo size(scale down) and hiding desktop nav below a certain size?

I’ve played with the mobile view sizes, but I wasn’t sure if I should be setting properties to manage hiding etc.

Thanks
Rich

Hi Rich,

Thank you for writing in, yes you have the right idea, you need to do some elements hiding. Please follow the explanation here on how to use the Hide During Breakpoint

Basically, you need to hide the Inline Navigation element from medium size screen (979px) to extra small size screen (480px). And show a Modal Navigation that is hidden on a large and extra larger screen (980px and above).

For the logo, you don’t need to hide it, you can enable the Scaling option of the Image element to make it responsive.



Hope it helps,
Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.