How to edit the top interaction bar in the mobile version

Hi all! Can you tell me please, I can’t figure it out. I have in the standard version a nice look. But when I switch to mobile - the two types of interaction interfere with each other. Plus the option with more suitable for mobile devices (pull-out menu) disappears. Can you tell me how to separately configure the interface interaction for mobile devices. Or maybe how to get rid of the extra top menu. Thank you!

Here’s what I did:

  1. Set the web header and mobile header to not show when page loaded. Also set both elements to collapse when hidden
  2. Create a condition on the mobile header to make the element visible when page with < 768
  3. Create a condition on the web header to show element when page width >=768

Screenshot 2023-02-15 at 22.06.06

You can experiment with the number of pixels for the switchover.

1 Like

Thank you so much! That helped.