Different header for desktop and mobile

Title: How to set different headers for desktop and mobile?

Hi,

I’m using WoodMart v8.5.7 with Regular License.

I want to use different headers for desktop and mobile devices
(different background images and element layouts).

In Theme Settings > Layout > Header, I only see one header dropdown,
no option to select separate headers for desktop and mobile.

Could you please tell me:
1. Does WoodMart support setting different headers for different devices?
2. If yes, where can I configure it?
3. If not, what’s the recommended way to have different background
images for desktop and mobile headers?

Thanks!

Hello,

Thank you for contacting WoodMart Support. We’ll be happy to assist you with your request.

Before we continue, we have one quick question for you:

Where did you first hear about WoodMart?

We really appreciate your help with this. It takes just one click, but your answer is extremely valuable to us and helps us understand how customers discover WoodMart:
https://tally.so/r/rj8qWl

Now, let’s get back to your request.

WoodMart already provides separate Desktop and Mobile header layouts, so you can configure the header elements independently for desktop and mobile devices using the Header Builder.

If you need to use a completely different header configuration for mobile, you can also use Theme Settings Presets.
Please navigate to:
Theme Settings > Presets

Create a new preset and set the condition to Custom > Is mobile device. You can choose the header in Theme Settings for mobile from Theme Settings > General.

This allows you to have different header settings specifically for mobile devices while keeping your desktop settings unchanged.

You can find more information about Theme Settings Presets in our documentation:https://xtemos.com/docs-topic/theme-settings-presets/

Best Regards.

[Author]

Posts