mobile header

how can i creat a new header only for mobile?
if i edit the header im using on the mobile it also changing the one on the desktop

Hello,

1. Navigate to WoodMart > Header Builder.

2. Edit the Default Header (the one with the highlighted star icon) — or you can access it quickly through the Admin Bar. Here’s a screenshot for reference: https://prnt.sc/Ct9ehRDvvDV9

3. Switch to the Mobile tab inside the Header Builder.

4. Now you can add and arrange elements specifically for mobile without affecting the desktop layout.

You can easily switch between Desktop and Mobile views at the top to customize them separately.

Best Regards,

the problem is that when I’m changing settings on mobile for example Row columns
its changing also on desktop

also once I’m adding another button the size changing

Attachments:

You must be logged in to view attached files.

Hello,

Try to use the theme preset feature of our theme for mobile devices, and choose the header in the theme settings > General > Header. You need to choose the custom condition and choose “Is mobile device” and check how it works.

Here is our documentation on how to use theme presets. https://xtemos.com/docs-topic/theme-settings-presets/

Best Regards,

[Author]

Posts